使用标签选择器添加标签
1.创建 Trio Motors 主页中的下一个步骤是在页面顶部的横幅图像两侧添加 div 标签。(有关向页面添加图像的说明,请参见添加图像。)有多种方法可以在图像的两侧添加 div 标签;本课介绍如何使用标签选择器来添加标签。标签选择器可以帮助您插入任何标签,并添加相应的属性值。
2.要使用标签选择器编写代码,请执行以下操作:
3.如果 index.html 未打开,则打开它,并在“代码”视图中查看它(“视图”>“代码”)。
4.如果尚未启用自动换行,则选择“视图”>“代码视图选项”>“自动换行”启用它。
5.在开始 body 标签后面紧邻的代码中,找到并选定对应于页面顶部横幅图像的 img 标签。
注意:确保选定了整个 img 标签,包括左尖括号和右尖括号。
6.右键单击 (Windows) 或在按住 Control 键的同时单击 (Macintosh) 选定的文本,然后从弹出式菜单中选择“插入标签”。
即会显示标签选择器。
7.在标签选择器中,展开“HTML 标签”类别,然后展开“格式和布局”子类别,然后选择“常规”。右窗格中将出现一个标签名列表;从该列表中选择 div。
注意:您也可以选择“HTML 标签”类别,然后直接在右窗格中选择 div 标签,而无需先展开“格式和布局”。
8.单击“插入”。
将出现一个标签编辑器,用于编辑 div 标签。
9.在标签编辑器中,选择“样式表/辅助功能”类别,然后输入在“类”文本框中输入 logo。
10.单击“确定”关闭该标签编辑器并插入标签。
Dreamweaver 将在页中图像标签的两侧插入 div 标签。
单击“关闭”以关闭标签选择器。 保存页面。