<b>利用Dreamweaver快速编辑网页标签</b>[DW设计]

不知各位能否有手写代码的习惯.比方:要在一个单元格插入一段CSS代码,大概一段Javascript代码,怎么做才对比快速便利呢?　

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

　　下面我们以 8为例,假定大家面板筹划都为默许的筹划方法.查看一部属性面板的上方能否有一行小标签.（假如您用的不是MX,标签在状况栏中）比方:你新建一个空白的HTML文档,上面的小标签应当为＜body＞.请看下图:

 

　　图上画红框的地方,就是我们本日的主角了.我们先看一下“环抱标签”.在页面上随便打入几个字,选中它们,在右键菜单中挑选“环抱标签”,在弹出的环抱标签对话框中输入“＜strong＞”（不包含引号）,然后回车.之前被选中的文字是不是已经变成粗体了,到源代码看一下,我们所选中的文字是不是已经被＜strong＞标签包抄了?大家可以试着再加入别的的一些标签,如:＜a＞,＜p＞.这里也可以直接输入属性.如:＜p style="color:#CC0000"＞.这里仅大约阐明一下,若有疑问,请查看的帮忙.

　　下面说一下标签挑选器的利用办法.

　　我们将光标移动到方才加粗的文字里,会发目前＜body＞的背面多了个＜strong＞.这就是说光标所在处的这些文字的表面有＜strong＞的标签,在＜strong＞标签外有＜body＞标签.下面大家再增添一个表格,把光标移动到表格内,看看标签的构造.相信对HTML有些底子的朋友都应当很简单理解的.

　　假定我们目前要插入一个表格,并将这个表格用CSS来将它下移10个象素.先插入一个表格,然后交光标移动到表格内.这时在标签挑选器上应当可以看到这样的字样＜body＞＜table＞＜tr＞＜td＞.然后在table标签上点鼠标右键,会看到有四个选项.删除标签、编辑标签、设置类、设置ID.

　　删除标签:便是将标签删除.（有一些特别的标签是不能删除的.比方:＜table＞、＜tr＞、＜td＞、＜body＞...)

　　编辑标签:给标签附加属性、改正属性等.

　　设置类:给这个标签附予一个类.（即CSS的类别）

　　设置ID:给这个标签附予一个ID.（即CSS的ID）

　　在这里,我们挑选编辑标签,然后在背面加上属性style="margin-top:10px"和正常书写源代码的方法是一样的.然后按下回车.就完成了编辑.假如在里看不到效果,请用浏览器预览.

　　还有别的一种办法,大概你会喜好.挑选窗口→标签查抄器当你挑选某一个标签后,这里会显示出当前挑选标签的全部属性.也可以很快地在这里举行编辑.在这里输入的属性不用包含引号,编辑后按回车肯定.

　　这里我们只将办法奉告大家,但愿大家可以从中受益.