超文本链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。基本上链接分成 : 外部链接与内部链接。
◆ 内部链接 <A>
对同一台机器上的不同文件进行的连接称为内部链接，它不仅可以链接到本地上的任何文件甚至还可以链接到某个文件中的某一段。要链接到某一个文件，我们需要给浏览器指明一条正确的路径，可以采用绝对路径和相对路径两种表示方法，类似于UNIX或DOS系统中文件路径的表示方法。
先来了解一下路径这个概念，绝对路径所表示的是一个绝对完整的路径，遵循从盘符到目录再到文件的顺序，假如其中的一个发生位置的变化，那么路径也必须随之改变。相对路径是指我们正在编辑的htm文件相对于目标文件的位置，不管把网页文件放到什么位置，只要相对位置不变，那么路径也无须改变。
假设D盘上有两个文件夹，一个是TOOLS,另一个是WEB。TOOLS文件夹里有一个A.htm文件，WEB文件夹中除了我们正在编辑的htm文件外还有有一个HTMLjc.html文件和一个AOL文件夹，AOL文件夹中有一个B.htm文件。现在我们分别用绝对路径和相对路径来表示A.htm、HTMLjc.html、B.htm这三个文件。
| 绝对路径 |
<A HREF=D:/TOOLS/A.htm> <A HREF=D:/WEB/HTMLjc.html> <A HREF=D:/WEB/AOL/B.htm> |
| 相对路径 |
<A HREF=../TOOLS/A.htm> <A HREF=HTMLjc.html> <A HREF=AOL/HTMLjc.html> ../表示上一个目录 |
标签属性 HREF 指定链接路径及文件名。
NAME 指定页面跳转位置的名称，加在要链接的目标文件内容前面。
TITLE 指定链接的说明文字，当鼠标停留在链接上的时候会显示一行说明文字。
TARGET 指定链接窗口显示方式。可选值为： _blank, _parent, _self, _top。
使用范例
| 原始代码 |
<A HREF=../wysj.html>链接说明</A> |
| 显示结果 |
链接说明 |
| 原始代码 |
<A NAME=第一段></A>超文本链接是其...... <A HERF=#第一段>链接说明</A> |
| 显示结果 |
链接说明 第二行代码中目标文件名称前必须加上#。 |
| 原始代码 |
<A HREF=../wysj.html TITLE=HTML教程>链接说明</A> |
| 显示结果 |
链接说明 将鼠标移到左边的链接上试试。 |
| 原始代码 |
<A HREF=http://hi.baidu.com/xuhanbin TARGET=_blank>链接说明</A> <A HREF=http://hi.baidu.com/xuhanbin TARGET=new>链接说明</A> |
| 显示结果 |
链接说明 将链接页面在新窗口中打开。 |
| 原始代码 |
<A HREF=../wysj.html TARGET=_parent>链接说明</A> |
| 显示结果 |
链接说明 将链接页面当成文件的上一个页面。 |
| 原始代码 |
<A HREF=../wysj.html TARGET=_self>链接说明</A> |
| 显示结果 |
链接说明 将链接页面显示在目前的视窗中(默认)。 |
| 原始代码 |
<A HREF=../wysj.html TARGET=_top>链接说明</A> |
| 显示结果 |
链接说明 将框架中链接的页面，显示在没有框架的视窗中。 |
◆ 外部链接 <A>
链接至网络,可以扩充您网站的实用性及充实性，也正因这功能，才造就了www五彩缤纷的世界。基本的网络链接方式为 : //主机名称 / 路径 / 文件名称。由于网路上的服务五花八门，所以不同的服务有不同的连结方法，我将之整理在下表。
| 网站链接 |
<a href=http://www.163.com>网易</a> |
| 电子邮件 |
<a href=mailto:xuhanbin@gmail.com>给我写信</a> |
| 文件传输 |
<a href=ftp://ftp.163.com>文件传输</a> |
| news链接 |
<a href=news:news.163.com>网易新闻</a> |
| GROPHER链接 |
<a href=gropher://gropher.net.cn/>GROPHER链接</a> |
| 远端登入 |
<a href=telnet://bbs.net.cn/>远端登入</a> |
| 文件下载 |
<a href=file://data/html/file.zip>点击下载</a> |
◆ 链接标签 <BASE>
<BASE> 是一个链接基准标签，用于设定整个网页中所有的链接模式，用的时加在<HEAD>之间。
标签属性 HREF 指定所有链接的目录路径，其后的链接只要指定文件名便可链接到该文件。
TARGET 指定所有链接被按后所要显示的视窗。
使用范例
| 原始代码 |
<HEAD> <BASE HREF=http://hi.baidu.com/xuhanbin/ TARGET=_BLANK> </HEAD> <A HREF=blog>链接说明</A> |
| 显示结果 |
链接说明 |
◆ 链接文字的颜色 <BODY>
<BODY>可以设定整个网页文字的颜色也可以设置链接文字的颜色。
标签属性 LINK 设定链接文字的颜色。
ALINK 设定鼠标按在链接文字上的时候显示的颜色。
VLINK 设定鼠标按过之后链接文字显示的颜色。
使用范例
| 原始代码 |
<BODY LINK=FF0000 ALINK=00FF00 VLINK=#6699CC> <A HREF=HTMLjc.html>链接说明</A> </BODY> |
|
显示结果
|
链接说明
|
浙公网安备 33010602011771号