第5篇 超 链 接.pdf

·64 · HTML 网页设计参考手册 第 章 超 链 接 超链接基本知识 超链接的建立 内部链接 书签链接 外部链接 所谓超链接就是当单击某个字或某个图片时，就可以打开另外一个画面。它 的作用对网页来说相当重要，如果没有它，那便只能在每打开一个页面时就要在 地址栏内输入一次地址了。 第 5 章 超 链 接 ·65 · 5.1 超链接基本知识 5.1.1 超链接 对于初次接触网页设计的读者来说，可能对于超链接的概念还不是很明白。超链接就是从一个网 页转到另一个网页的途径。 超链接是网页的重要组成部分。如果说文字、图片是网站的躯体，那么超链接就是整个网站的神 经细胞，它把整个网站的信息有机地结合到一起。链接能使浏览者从一个页面跳转到另一个页面，实 现文档互联、网站互联。 超文本链接（hypertextlink ）通常简称为超链接（hyperlink ），或者简称为链接（link ）。链接是 HTML 的一个最强大和最有价值的功能。链接是指文档中的文字或者图像与另一个文档、文档的一部 分或者一幅图像链接在一起。 5.1.2 绝对路径 绝对路径就是主页上的文件或目录在硬盘上的真正路径。使用绝对路径定位链接目标文件比较清 晰，但是有两个缺点：一是需要输入更多的内容，二是如果该文件被移动了，就需要重新设置所有的 相关链接。例如在本地测试网页时链接全部可用，但是到了网上就不可用了。这就是路径设置的问题。 例如设置路径为“C:\Program files\1.htm ”，在本地确实可以找到，但是到了网站上该文件便不一定在 这个路径下了，所以就会出问题。 5.1.3 相对路径 首先分析一下为什么会发生图片不能正常显示的情况。举一个例子，现在有一个页面 index.htm， 在这个页面中链接有一张图片 photo.jpg ，它们的绝对路径如下： c:\website\index.htm c:\website\img\photo.jpg 如果使用绝对路径 c:\website\img\photo.jpg，那么在自己的计算机上将一切正常。因为确实可以在 指定的位置（即 c:\website\img\photo.jpg ）上找到photo.jpg 文件。但是当将页面上传到网站时就很可能 会出错了，因为网站可能在服务器的 c 盘，也可能在 d 盘，也可能在 aa 目录下，更可能在bb 目录下， 也就是说很有可能不存在 c:\website\img\photo.jpg 这样一个路径。此时就用到相对路径。所谓相对路径， 顾名思义就是自己相对于目标位置。在上例的 index.htm 中链接的 photo.jpg 可以使用 img\photo.jpg 来 定位文件，那么不论将这些文件放到哪里，只要它们的相对关系没有变，就不会出错。 在编程中使用“..\”来表示上一级目录，“..\..\”表示上上级的目录，以此类推。再看几个例子， 注意所有例子中都是 index.htm 文件中链接有一张图片 photo.jpg 。 看下面这个例子： c:\website\web\index.htm ·66 · HTML 网页设计参考手册 c:\website\img\photo.jpg 在此例中，index.htm 中链接的photo.jpg 应该怎样表示呢？ 错误写法：img\photo.jpg ，这种写法是不正确的。在此例中，对于