超链接的基本概念PPT课件

已访问链接的文本颜色： 表示已经单击并正确链接过的超 链接的颜色，就是说，对已访问过的超链接可以使用另 一种颜色显示。
正在访问的链接的文本颜色： 表示单击以后，正在链接时， 超链接显示的颜色。通常链接的网页很快就显示出来了， 所以，平时不容易看到它的效果。
默认状态下，多数浏览器将未访问的链接文本颜色显示为 蓝色。可以利用页面属性来改变超链链接、图像超链接和表 单超链接。文本超链接就是利用文本为源端点构建的 超链接。在浏览器中，文本超链接的锚点一般显示为 下方带有下划线的文字；图像超链接的源端点是图像； 表单超链接的源端点可能是菜单或按钮等表单对象。
超链接按目标端点区可以分为外部链接、内部链接、局 部链接和Email链接。外部链接是链接到本站点之外的 站点或文档，利用这种链接，可以跳转到其他的网站 上。内部链接的目标端点是本站点中的其他文档，利 用这种链接，可以跳转到本站点其他的页面上。局部 链接的目标端点是文档中的某个位置，如文档中间、 末尾、开头或某个指定的位置，也可以是其他文档中 的某一指定位置。 Email链接的目标端点是一个Email 地址，单击这种链接，可以启动电子邮件程序，书写 邮件并发送到指定的地址。
9
5.2 创建超链接
5.2.1 指向页面的超链接
【例5.1】创建文本超链接 ① 选中要作为链接的文字（图5.2）。 ② 在属性面板（图5.2）的Link(链接)后的文本框中输入链接
的路径，即目标端点的URL，可以是绝对路径，也可以是 相对路径，可以是网站间的链接，也可以是站内链接。如 果是局部链接，可以单击Link文本框右边的文件夹图标， 打开Select File(选择文件)对话框（图5.3），从磁盘中选 择链接的文件。在该对话框中，打开Relative To（相对于） 下拉列表，可以指定URL路径的类型。Document（文档） 表示使用相对路径，Site Root（站点根目录）表示使用基 于根目录的路径。在URL文本框中显示当前选中文件的 URL，也可以在其中对URL进行编辑。
指向的文档位于当前目录的子级目录中，可以直接输入
目录名称和文档名称。例如，从Index1.htm到 dang.htm的相对链接路径为party/dang.htm。
利用相对目录的优点在于：如果站点的结构和文件的相对
位置不变，链接就不会出错。将整个网站移植到另一个
地址的网站中，不需要对文档中的链接路径做任何修改。
基于根目录的链接路径与源端点所在的位置无关。也就是 说，只要源端点在本站点内，不管源端点在哪个文件中， 都可以使用以上的路径正确地链接到指定文件。
5.1.3 超链接的颜色
为了更清晰地表示超链接，特别是文本超链接以及它们的 链接状态，在网页中可以对超链接及它们的不同状态使 用不同的颜色显示。
8
未访问链接的文本颜色： 表示正常显示下超链接的文本颜 色。
4
图5.1
5
。如果希望在文档中链接主页，可以不指定主页文件名， 而只用。
绝对路径的好处是同链接的源端点无关。目标网站的地 址不变，无论源端点如何移动，都可以正常实现跳转 而不会发生错误。
如果目标端点在其他网站上，就必须使用绝对路径。而 如果目标在本网站上（源端点和目标端点是同一个网 站内的网页），则会给移植和测试带来不便。因此， 对内部链接和局部链接最好不要用绝对路径。
2. 相对路径
为了避免绝对路径的缺陷，对于在本站点之中的链接来 说，使用相对路径是一个很好的方法。相对路径是目 标端点同源端点之间的相对位置，它的参考点是源端 点所在位置，与网站的名称、地址、以及根目录的位 置和名称无关。
6
例如，在图5.1所示的站点中，如果希望在tuan.htm文档 中创建指向dang.htm文件的链接，路径可以直接写为 dang.htm。如果源端点和目标端点不位于同一个目录
3
5.1.2 超链接的路径
超链接的路径是URL地址。按目标端点所处位置的不同， 超链接的路径分为绝对路径、相对路径和基于根目录 的路径。下面以如图5.1所示站点的目录结构为例，介 绍这几种路径的含义。假设网址是，web是网站的根 目录，index.htm是主页。
1. 绝对路径
如果路径是一个完整的URL地址，则这种链接路径就称 为绝对路径。其特点是，路径同链接的源端点所处的 位置无关。在图5.1所示站点中，要创建指向 Introduction目录下index1.htm文件的链接，其绝对 路径为。如果要创建指向benkesheng目录下的 jiaoxuejihua.htm文档的链接，绝对路径为图5.1一个 网站的目录结构
但相对路径也有缺点：如果修改了站点的结构，或是移
动了文档，则文档中的链接关系就会失效。
7
3. 基于根目录的路径
基于根目录的路径可以看作一种特殊的相对路径，只不过 路径不是相对于源端点的，而是相对于本网站的根目录 的相对路径。通常用一个斜线“/”表示根目录，所有基 于根目录的路径都从该斜线开始。
在图5.1 所示站点中，到index1.htm 的基于根目录的路径 为/Introduction/index.htm，到dang.htm的基于根目 录的路径为/Introduction/party/dang.htm。
第5章 超 链 接
5.1 超链接的基本概念 5.2 创建超链接 思考与练习
1
5.1 超链接的基本概念
5.1.1 什么是超链接 浏览网页时，移动鼠标，指向某些文本或图像，光
标即会变成小手的形状，这时单击鼠标，就会打 开另一个页面，这就是超链接。 超链接是网页中由一个地方跳转到另一个地方、网 页、网站或文件的指针，跳转的起点称为源端点 或简称源、锚、锚点，跳转的终点即跳转到的页 面称为目标端点或简称目标、目的、目标锚。超 链接指出了源端点、目标端点以及从源端点到目 标端点的路径即地址。
下，则只需要将目录的相对关系表达出来。从
dang.htm到jigou.htm的链接路径写 为../administration/jigou.htm，其中“../”表示上一级 目录。从dang.htm到jiaoxuejihua.htm的相对链接路径 为../../Education/benkesheng/jiaoxuejihua.htm，其 中多个“../”符号可以表示更高的上级目录。如果链接