Dreamweaver CC教程:使用快速标签编辑器编辑代码
Dreamweaver CC教程:使用快速标签编辑器编辑代码
使用快速标签编辑器编辑代码
您可以使用快速标签编辑器(“编辑”>“快速标签编辑器”)在不退出“设计”视图的情况下快速插入和编辑 HTML 标签。
插入 HTML 标签
1、在“设计”视图中,在页面上单击以将插入点放置于您要插入代码的位置。
2、按 Ctrl+T (Windows) 或 Command+T (Macintosh)。
快速标签编辑器以“插入 HTML”模式打开。
“插入 HTML”模式下的快速标签编辑器
3、输入 HTML 标签并按 Enter。
该标签被插入到代码中,同时还插入相匹配的结束标签(如果适用)。
4、按 Esc 以在不进行任何更改的情况下退出。
编辑 HTML 标签
1、在设计视图中选择一个对象。
您还可以从“文档”窗口底部的标签选择器中选择要编辑的标签。有关详细信息,请参阅使用标签选择器编辑代码。
2、按 Ctrl+T (Windows) 或 Command+T (Macintosh)。
快速标签编辑器以“编辑标签”模式打开。
3、输入新属性,编辑现有属性,或者编辑标签的名称。
4、按 Tab 可以从一个属性前移到下一个属性;按 Shift+Tab 可以返回到上一个属性。
注意:
默认情况下,按 Tab 或 Shift+Tab 后更改将应用于文档。
5、若要关闭快速标签编辑器并应用所有更改,请按 Enter。
6、若要退出且不再进行任何更改,请按 Esc。
使用 HTML 标签括起当前选定内容
1、在“设计”视图中选择不含格式的文本或对象。
注意:
如果您选择包括开始或结束 HTML 标签的文本或对象,则快速标签编辑器将以“编辑标签”模式打开,而不以“环绕标签”模式打开。
2、按 Ctrl+T (Windows) 或 Command+T (Macintosh),或者在属性检查器中单击“快速标签编辑器”按钮。
快速标签编辑器以“环绕标签”模式打开。
3、输入一个开始标签,如 strong,然后按 Enter (Windows) 或 Return (Macintosh)。
该标签将插入到当前选定内容的起始处,并在结尾处插入匹配的结束标签。
4、若要退出并且不进行任何更改,请按 Esc。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:在代码视图中预览图像和颜色
Dreamweaver CC教程:在代码视图中预览图像和颜色,图像,教程,视...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:设置页面的刷新属性
Dreamweaver CC教程:设置页面的刷新属性,设置,刷新,属性,教程,...
-
Dreamweaver CC教程:设置复制和粘贴首选参数
Dreamweaver CC教程:设置复制和粘贴首选参数,粘贴,参数,复制,...
-
Dreamweaver CC教程:创建代码片段
Dreamweaver CC教程:创建代码片段,代码片段,教程,触发,识别,描...
-
Dreamweaver CC教程:添加段落间距
Dreamweaver CC教程:添加段落间距,教程,执行,换行,换行符,选择...
-
Dreamweaver CC教程:ECMAScript 6 linting
Dreamweaver CC教程:ECMAScript 6 linting,配置文件,设置,选择...
-
Dreamweaver CC教程:Linting 结果和输出面板
Dreamweaver CC教程:Linting 结果和输出面板,输出,教程,文档,...
-
Dreamweaver CC教程:快速属性检查器
Dreamweaver CC教程:快速属性检查器,检查,快速,属性,文本,教程...
-
Dreamweaver CC教程:查找和替换代码中标签、属性
Dreamweaver CC教程:查找和替换代码中标签、属性和文本,查找,...
-
Dreamweaver CC教程:设置不可见元素首选参数
Dreamweaver CC教程:设置不可见元素首选参数,元素,参数,显示,...
-
Dreamweaver CC教程:添加音频效果
Dreamweaver CC教程:添加音频效果,音频,格式,访问者,教程,文件...