5.2.1 文本链接(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

5.2 链接的设置 超链接由源端点和目标端点两个部分组成。超链接中有链接的一端称为链接的源端点，跳转到的页面或页面中的某个位置称为链接的目标端点。 设置超链接的总体思路： 选择超链接的开始位置（源端点）——链接到目标位置（目标端点） 5.2.1 文本链接 文本链接是网页中最常见的一种链接，这种链接的源端点是文本，目标端点可以是站点内或站点外的网页。 设置文本链接的方法如下： 方法一：新建一个index.htm文件，并输入文字“文本超链接”，选中该文本，在菜单栏中选择【插入】→【超级链接】命令，弹出如图所示的对话框，在该对话框中进行设置。 方法二：使用【属性】面板中的“链接”，先在网页中选择要进行链接设置的文本，再通过链接文本框右侧的【指向文件】按钮 或【浏览文件】按钮 或直接在文本框中输入被链接的网页文档的路径，来进行文本链接的设置，如图所示。 在【属性】面板中（如图所示），目标列表中有4个属性供选择： _blank：超链接的网页会在另外一个窗口中打开显示。 _parent：超链接的网页会显示在父框架或父窗口中。 _self：超链接的网页会显示在当前网页的同一窗口或框架中，这是默认设置。 _top：超链接的网页会显示在父窗口中。 5.2.2 用CSS定义链接文本状态 用【CSS样式】面板来定义链接文本的四种状态： （1）在【CSS样式】面板中单击【新建CSS规则】按钮 ，在弹出的如图所示的对话框中进行设置。 （2）单击【确定】按钮，弹出a:link的【CSS规则定义】对话框，进行如图所示的设置，在Text-decoration（文本修饰）与选择“none”,即“无下划线”。 （3）单击【确定】按钮，网页中的链接文本即变为无下划线，如图所示。 提示：剩下三种链接文本状态也可同样设置，不过要注意的是：要预览后在浏览器窗口中才可看到效果。 5.2.3锚点链接 所谓锚点链接，是指同一页面中的不同位置链接。例如，一个很长的页面，在页面的最下方有一个“返回顶部”的文字，单击链接后，可以跳转到这个页面最顶端，这就是一种最典型的锚点链接。 创建锚点链接的过程分两步。下面就来制作页面中的“返回顶部”链接。 第一步：创建命名锚记，就是在文档中设置位置标记，并给该位置一个名称，以便引用。 1）将光标定位在要设置标记的位置，例如把光标放在页面的最上方； 2）在【插入】面板的【常用】模式中，选择【命名锚记】按钮 ，如下图所示。 提示：也可在菜单栏中选择【插入】→【命名锚记】命令（快捷键<Ctrl+Alt+A>），同样可以创建命名锚记。 3）在弹出的【命名锚记】对话框中键入该锚记的名称，如top，然后单击【确定】按钮（注意：区分大小写），名为top的锚点即被插入到文档中的相应的位置。如图所示。 第二步：创建到命名锚记的链接。下面就来制作页面中的“返回顶部”链接。 1)选择要创建链接的文本或图像，例如选中“返回顶部”四个字； 2)在【属性】面板的“链接”文本框中，键入＃号和锚记名称“＃top”。如图所示： 链接代码是：<a href="#top">返回顶部</a> 3） 或者在浏览对话框中，选中要链接的文件后加＃和锚记名称。 $$