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

（1）打开instruction.html文件。

（2）单击按钮，在“拆分”视图中，单击横幅图形（top1jpg），如图10-25所示。这时，选定图像的代码在“代码”视图中处于选中状态。确保选定了整个img标签，包括左尖括号和右尖括号。

图10-25　选中横幅图形

如果未启用自动换行，则选择“查看”菜单→“代码视图选项”→“自动换行”命令启用自动换行。

（3）右键单击选定的文本，从快捷菜单中选择“插入标签”命令，将弹出“标签选择器”对话框，如图10-26所示。

(www.daowen.com)

图10-26　“标签选择器”对话框

（4）在标签选择器中，选中“HTML标签”类别→“格式设置和布局”→“常规”项，右窗格中将出现一个标签名列表，选中div。

（5）单击“插入”按钮，在弹出的“标签编辑器”对话框中，选择“样式表/辅助功能”，在“ID”文本框中输入banner。

（6）单击“确定”按钮返回到标签选择器，单击“关闭”按钮。此时，Dreamweaver已在页面图像标签的两侧插入div标签，如图10-27所示。

（7）保存页面。

图10-27　插入div标签后