1.3.2　超链接

在HTML页面中，超链接的地位应该说是最重要的，在HTML中，使用标签<a>来设置超文本链接。

图1-14　文本样式效果

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，单击这些内容可以跳转到新的文档或者当前文档中的某个部分。把鼠标指针移动到网页中的某个超链接上时，箭头会变为一只小手。默认情况下，超链接将以以下形式出现在浏览器中。

（1）一个未访问过的超链接显示为蓝色字体并带有下划线。

（2）访问过的超链接显示为紫色并带有下划线。

（3）单击超链接时，超链接显示为红色并带有下划线。

注意　如果为这些超链接设置了CSS样式，展示样式会根据CSS的设定而显示。本书将在第2章中专门介绍如何使用CSS（层叠样式表）。

超链接的HTML代码很简单，格式如下。

比如如下几个超链接。

标签<a>的属性href指定了要打开的链接页面地址，此处有如下两种方式来链接页面地址。

（1）相对路径，上例代码中第一个和第二个超链接，使用的就是相对路径。相对路径是指需要链接的资源相对于当前页面所在的目录，如果是同级目录，则直接写文件名即可（如第一个超链接）；如果是其他目录，则按照路径正常书写，../表示上级目录，../../表示上级目录。由于我们最开始创建的image目录与basic目录同级，而当前页面在basic目录下面，所以要浏览image目录，必须使用../image才表示正确的路径。

（2）绝对路径，上例代码中后面两个超链接就是通过http://开头的绝对路径，绝对路径是指无论当前HTML源文件位于哪个地方，都可以直接打开的路径。

除了href属性外，如果想让链接在新页面打开，可以设置超链接的target属性值为_blank。

注意　在HTML页面中，标签和属性不区分大小写，但是建议使用小写；另外，任意属性的值都必须使用双引号或单引号包含。

除了可以超链接到网页或图像外，还可以直接利用超链接发送邮件、发送短信或拨打电话（手机上访问时适用）。

使用超链接还可以直接链接到页面当中的某个具备id属性的标签上，这个叫做“锚点”，比如使用超链接直接访问蜗牛学院网站的学院文化页面（后面加#号即可），代码如下。