导入:正是由于超级链接的存在,才使得使用网络资源如此的方便。可以说超级链接是网络最具特色的功能,如果没有了超级链接,也就没有了互连网络。本章介绍了超级链接的基本知识和创建超级链接的基本方法,管理超级链接、改变超级链接属性和测试超级链接等内容。同学们要注重熟习基本概念,熟练基本操作。
使用超链接
一、超级链接基本知识
(一)超级链接
超级链接是WWW的魅力所在。超级链接简称链接。是指从一个网页到另一个网页对象的链接关系。为了把百万数量级的Internet站点上众多分散的网页联系起来,构成一个整体,就必须在网页上加入链接。通过点击网页上的链接,我们才能在信息的海洋中尽情遨游。 链接并不仅仅是网页与网页的链接,它还包括到图片、电子邮件、文档、媒体等的链接。
(二)超级链接的类型
网页中的超级链接一般分为外部链接、内部链接、邮件链接和锚点链接等四种类型。
内部链接:在同一个站点内部网页文档之间的链接。
外部链接:在不同网站网页文档之间的链接。
邮件链接:电子邮件链接。
锚点链接:同一网页或不同网页指定位置的链接。
(三)路径
每个网页都有一个惟一的地址,称作统一资源定位器(URL)。链接路径一般有三种类型,分别为:
绝对路径:提供所链接文档的完整URL地址,而且包括所使用的协议类型,比如https://www.sina.com.cn/,就是一个绝对路径,所使用的协议类型是http。要链接其它服务器上的文档,就必须使用绝对路径。尽管对本地链接也可使用绝对路径链接,但强烈建议不要采用这种方式,因为一旦此站点变更域名或改变地址,则所有本地绝对路径链接都将断开。对本地链接最好使用相对路径,以提供更大的灵活性。
相对路径:相对路径是指省略掉对于当前文档和所链接的文档都相同的绝对URL部分,而只提供不同的路径部分。比如E:eshopindex.html链接到E:eshopbsabout.html,可以把E:eshop去掉,只用bbsabout.html。
站点根目录相对路径:是指从站点的根文件夹到文档的路径。当在处理使用多个服务器的 Web 站点,或者在使用承载有多个不同站点的服务器时,则可能考虑使用这种类型的路径。不过,如果您不太熟悉此类型的路径,最好使用上面提到的相对路径。
二、各种类型超链接的创建方法
(一)内部超级链接
创建内部超级链接的步骤如下。
(1)选择文字“首页”,然后执行【插入】->【超级链接】命令(如图所示),打开“超级链接”对话框。
(2)单击“链接”项右边的文件夹图标,打开“选择文件”对话框,如图5-6所示,选择所需的文件名“index.html”,然后单击【确定】按钮。

(3)设置“超级链接”选项,内容如下:
文本:输入要在文档中作为超级链接显示的文本,因为选中的是文字“首页”,所以文本项自动显示为“首页”,此项保守默认设置。
链接:此项也可以直接输入要链接到的文件名,上面选择的文件是“index.html”。
目标: 本例中有4项,意义分别为:
_blank:单击链接,所链接的文件将在一个新的浏览器窗口中打开。
_parent:单击链接,将所链接的文件载入含有该链接的框架的父框架集或父窗口中。如果包含链接的框架不是嵌套的,则链接文件加载到整个浏览器窗口中。
_self:单击链接,将所链接的文件载入该链接所在的同一框架或窗口中。此目标是默认值。
_top:单击链接,将所链接的文件载入整个浏览器窗口中,因而会删除所有框架。
标题:超级链接的标题,本例为“学校首页”。
访问键:输入键盘等价键,通常为一个字母,以便在浏览器中选择该超级链接,本例为“a”。预览时,可以按快捷键【Alt A】来选择它。
Tab 键索引:输入 Tab 键顺序的编号,本例为“0”。

(4)设置完毕后,单击“确定”按钮。文档中可以看到文字“首页”显示为蓝色,说明超级链接已经建立。
(5)保存网页,按快捷键【F12】预览,当鼠标移动到文字“首页”时,鼠标样式为手形。单击打开另一个网页。
(二)外部超级链接
外部超级链接也是比较常见的一种链接方式。比如经常在网络上看到的“友情链接”或“首页链接”都是用的外部链接形式,这种链接通常是指从一个网站跳转到另一个网站,链接多以“https://”开头。
选择文字“清华大学”,然后在属性面板的“链接”项文本框中输入文字“https:// www.tsinghua.edu.cn”。“目标”项设置为“_blank”。一般来说,外部超级链接的目标项多为“_blank”,这样可以打开一个新的网页来显示链接到的网站。按快捷键【F12】预览,如图所示,单击文字“清华大学”,新打开一个网页,显示清华大学网站的首页。

(三)邮件链接
邮件链接可以让用户方便快速的与网站取得联系。一般是指添加一个收信人地址,当浏览者点击了邮件链接后,会打开默认的收发电子邮件程序。创建电子邮件链接步骤如下:
(1)选择文字“xingyongeng@163.com”,然后执行【插入】->【电子邮件链接】命令或单击“插入”栏的“常用”类别中的“电子邮件链接按钮”,打开“电子邮件链接”对话框。
(3)单击“确定”按钮,属性面板显示如图所示。从这里的显示可以知道,读者完全可以在 “链接”项文本框中直接输入文字“mailto: yourname@163.com”来创建邮件链接.

(4)保存,按快捷键【F12】预览。单击文字“yourname@163.com”,打开邮件接发程序。
(四)锚点链接
锚点链接也叫锚记链接。可以将文档中的文字或图像链接到文档中指定的位置,文档可以是同一文档,也可以是不同文档。创建锚记链接的步骤如下:
(1)打开文档“st.html”,选择下面的文字“晚餐”或在文字的附近定位光标,然后执行【插入】->【命名锚记】命令或单击“插入”栏的“常用”类别中的“命名锚记”按钮。打开“命名锚点”对话框。
(2)设置“锚记”项为“wc”,单击“确定”按钮。
(3)选择上面的文字“晚餐”,然后在属性面板上“链接”项文本框中输入文字“#wc” (注意“#”不能丢掉!),如图所示。

(4)选择最上面的文字“晚餐”或在文字的附近定位光标,用上面的方法命名锚记为“wcs”,选择要创建锚点的文字,本例选择最下面的文字“返回”,拖动右边垂直滚动条以显示上面的锚记“wcs”。
(5)拖动“指向文件”按钮指向锚点“wcs”,如图所示,属性面板上的“链接”项文本框中会自动出现文字“#wcs”。当然也可以直接在文本框中输入“#wcs”来创建锚点链接。

(6)保存网页,按快捷键【F12】预览网页,
三、管理链接
1、设置链接的管理属性
【编辑】-【首选参数】
2、在整个站点范围内更改链接
第一步:在“文件”面板“本地视图”中选择一个文件
第二步:选择【站点】-【改变站点范围的链接】
四、查找断开的、外部的和孤立的链接
五、修复断链接
六、作业
1、创建图像地图
2、制作缩略图