Dreamweaver CC教程:链接到文档中的特定位置
Dreamweaver CC教程:链接到文档中的特定位置
链接到文档中的特定位置
通过首先创建命名锚点,可使用属性检查器链接到文档的特定部分。命名锚点使您可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚点的链接,这些链接可快速将访问者带到指定位置。
创建到命名锚点的链接的过程分为两步。首先,创建命名锚点,然后创建到该命名锚点的链接。
创建锚点
1、在“文档”窗口中,选择并突出显示要设置为锚点的项目。
2、打开属性检查器并检查所选项目是否具有 ID。如果 ID 字段为空,请添加 ID。例如,锚点。
创建锚点
添加 ID 后,请注意代码所发生的更改。id="<ID name>" 已插入您选择的代码中。
添加用于链接的锚点
链接回锚点
1、在“文档”窗口的“设计”视图中,选择要从其创建链接的文本或图像。
2、在属性检查器的“链接”框中,键入一个数字符号 (#) 和锚点名称。例如,若要链接到当前文档中名为“top”的锚点,请键入 #top。若要链接到同一文件夹内其他文档中的名为“top”的锚点,请键入 filename.html#top。
注意:
锚点名称区分大小写。
使用指向文件方法链接到命名锚点
1、打开包含对应命名锚点的文档。
注意:
如果您未看到锚点,可从“设计”视图中,选择“视图”>“设计视图选项”>“可视化助理”>“不可见元素”以使锚点可见。
2、在“文档”窗口的“设计”视图中,选择要从其创建链接的文本或图像。(如果这是其他打开文档,则必须切换到该文档。)
3、执行下列操作之一:
相关内容
-
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中处理代码
Dreamweaver CC教程:在Dreamweaver中处理代码,工作区,拆分,文...
-
Dreamweaver CC教程:服务器行为代码
Dreamweaver CC教程:服务器行为代码,服务器,教程,检测,显示,代...
-
Dreamweaver CC教程:XHTML 代码
Dreamweaver CC教程:XHTML 代码,清理,文档,元素,教程,属性,标...
-
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教程:使用外部编辑器
Dreamweaver CC教程:使用外部编辑器,编辑器,教程,文件,启动,文...