使用标签选择器添加标签

接下来，使用标签选择器在页面上某个图像的两侧添加 div 标签。然后，可以根据需要为图像设置边距、边框或颜色。有多种方法可以在图像的两侧添加 div 标签；本节介绍如何使用标签选择器来添加标签。标签选择器可以帮助您插入任何标签，并添加相应的属性值。

1. 如果尚未打开 index.html 文件，则打开它。
2. 在"设计"视图中，单击 Cafe Townsend 横幅图形 (banner_graphic.jpg) 以选中它。

   
   
   

3. 通过单击"文档"工具栏中的"代码"视图或通过选择"查看">"代码视图"切换到"代码"视图。

   您将看到，选定图像的代码在"代码"视图中处于选中状态。确保选定了整个 img 标签，包括左尖括号和右尖括号。

   
   
   

4. 如果未启用自动换行，则选择"查看">"代码视图选项">"自动换行"启用自动换行。
5. 右键单击 (Windows) 或在按住 Control 键的同时单击 (Macintosh) 选定的文本，然后从弹出式菜单中选择"插入标签"。

   即会显示标签选择器。

6. 在标签选择器中，展开"HTML 标签"类别，然后展开"格式和布局"子类别，然后选择"常规"。

   右窗格中将出现一个标签名列表；从该列表中选择 div。

   
   
   

   注意

   您也可以选择"HTML 标签"类别，然后在右窗格中选择 div 标签，而无需先展开"格式和布局"。

7. 单击"插入"。

   将出现一个标签编辑器，用于编辑 div 标签。

8. 在标签编辑器中，选择"样式表/辅助功能"类别，然后在"ID"文本框中输入 banner。

   
   
   

9. 单击"确定"关闭该标签编辑器并插入标签。

   Dreamweaver 将在页中图像标签的两侧插入 div 标签。

   
   
   

10. 单击"关闭"以关闭标签选择器。
11. 保存页面。