如何使用Dreamweaver方便快捷编辑网页标签

不知各位是否有手写代码的习惯。例如：要在一个单元格插入一段 CSS 代码，或者一段 Javascript 代码，怎么做才比较快捷方便呢？

虽然 Dreamweaver 已经为我们提供了代码视图，可是必竟还要手工去查找，还要往返地切换。虽然也可以用代码视图与编辑视图并存的方式，但还要占用一半的屏幕空间，使本来便不大的编辑区域更显得拥挤。有没有更好的办法呢？答案是肯定的。

下面我们以 Dreamweaver 8 为例，假设大家 Dreamweaver 面板布局都为默认的布局方式。查看一下属性面板的上方是否有一行小标签。（假如您用的不是 MX，标签在状态栏中）例如：你新建一个空白的 HTML 文档，上面的小标签应该为。请看下图：

图上画红框的地方，就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字，选中它们，在右键菜单中选择“环绕标签”，在弹出的环绕标签对话框中输入“”（不包括引号），然后回车。之前被选中的文字是不是已经变成粗体了，到源代码看一下，我们所选中的文字是不是已经被标签包围了？大家可以试着再加入其它的一些标签，如：，

。这里也可以直接输入属性。如：

。这里仅大概说明一下，如有疑问，请查看 Dreamweaver 的帮助。

下面说一下标签选择器的应用方法。

我们将光标移动到刚才加粗的文字里，会发现在的后面多了个。这就是说光标所在处的这些文字的外面有的标签，在标签外有标签。下面大家再添加一个表格，把光标移动到表格内，看看标签的结构。相信对 HTML 有些基础的朋友都应该很轻易理解的。

假设我们现在要插入一个表格，并将这个表格用 CSS 来将它下移 10 个象素。先插入一个表格，然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样