HTML从入门到精通第5章超链接

HTML 网页设计参考手册 ·64· 超 链 接第 章  超链接基本知识  超链接的建立  内部链接  书签链接  外部链接 所 谓 超 链 接 就 是 当 单 击 某 个 字 或 某 个 图 片 时 ， 就 可 以 打 开 另 外 一 个 画 面 。 它的 作 用 对 网 页 来 说 相 当 重 要 ， 如 果 没 有 它 ， 那 便 只 能 在 每 打 开 一 个 页 面 时 就 要 在地 址 栏 内 输 入 一 次 地 址 了 。 第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 这样...