使用标签选择器添加标签

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

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



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

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



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

    即会显示标签选择器。

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

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



  7. 单击"插入"。

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

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



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

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



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



未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/gs_08_c4.htm

 

E中荷|荷兰华人电子商务