Dreamweaver CC教程:HTML代码提示
Dreamweaver CC教程:HTML代码提示
HTML 代码提示
以下类型的代码提示面向 HTML 提供:
按键盘上的 < 键开始键入代码。当您键入时,Dreamweaver 将显示有效的 HTML 标签。如果您键入的字符串显示在菜单中,请滚动到它并按 Enter 或 Return 键以完成输入。
例如,当您键入 < 时,弹出菜单显示标签名称的列表。不必键入标签名称的其余部分,您可以从菜单中选择标签以将其包括在文本中。
基本 HTML 代码提示
在适用情况下,这些 HTML 标签提示还包括一个简短的标签描述。
属性名称提示在 Dreamweaver 中编码时 Dreamweaver 显示标签的相应属性。键入标签名称,然后按空格键显示您可使用的有效属性名称。
属性名称代码提示
属性值提示文本可以是静态或动态的(因为在代码提示中,基于相关文件中出现的内容
显示值)。
大多数属性值提示是静态的。以目标属性值为例,它在本质上是静态的,因此提示也是静态的。以目标属性值为例,它在本质上是静态的,因此提示也是静态的。
静态属性值提示的示例
Dreamweaver 为需要动态代码提示的那些属性值(如 id、target、src、href 和 class)显示动态代码提示。
以下是动态显示的代码提示的几个示例。以下是动态显示的代码提示的几个示例。
在此示例中,当您键入 src 时,会显示有效的属性值;当您选择图像时,Dreamweaver 将显示您的图像文件夹中的实际有效的图像。您然后可以向下滚动并选择所需的内容。
src 的动态代码提示
如果您在 CC 库中拥有资源,当键入 src 时这些资源也会显示。使用云图标表示这些 CC 库资源。
当您选择 CC 库资源时,会显示弹出菜单,允许您对图像大小重新采样并更改图像格式。
在代码中包含 CC 库资源
注意:
在代码提示中只能显示 50 个 CC 库资源。这些提示按字母顺序显示。
注意:
不支持在 Dreamweaver 代码中包含远程 CC 库资源。
当您键入 href 时,Dreamweaver 将显示文件夹中的文件列表,还提供选项以便您浏览并选择要链接到的文件。
href 的动态代码提示
如果您在 CSS 文件中定义了 id,当您在 HTML 文件中键入 id 时,Dreamweaver 显示所有可用 id。
id 的动态代码提示
同样,如果您定义了 CSS 样式,当您在 HTML 文件中键入样式时,Dreamweaver 会显示所有可用样式。
样式的动态代码提示
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
笔记本电脑无法使用外接显示屏幕扩展功能
笔记本电脑无法使用外接显示屏幕扩展功能,显示,屏幕,信号,扩...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
显示器有信号而无任何显示的不能开机故障解决方
显示器有信号而无任何显示的不能开机故障解决方法,显示,信号,...
-
Dreamweaver CC教程:分析代码
Dreamweaver CC教程:分析代码,教程,支持,红色,错误,显示,检查,...
-
Dreamweaver CC教程:自定义代码主题
Dreamweaver CC教程:自定义代码主题,自定义,教程,选择,默认,主...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:包装在Condition 中
Dreamweaver CC教程:包装在Condition 中,教程,单击,鼠标右键,...
-
Dreamweaver CC教程:缩进代码块
Dreamweaver CC教程:缩进代码块,代码块,缩进,教程,单位,选择,...
-
Dreamweaver CC教程:提取到变量
Dreamweaver CC教程:提取到变量,变量,教程,右键,选择,表达式,...
-
Dreamweaver CC教程:包装在Try Catch 中
Dreamweaver CC教程:包装在Try Catch 中,教程,光标,选择,代码...
-
Dreamweaver CC教程:转换为箭头函数
Dreamweaver CC教程:转换为箭头函数,函数,教程,结构,语句,参数...
-
Dreamweaver CC教程:转到JavaScript或VBScript
Dreamweaver CC教程:转到JavaScript或VBScript,转到,视图,单击...