第6章　超级链接

互联网因有超级链接才如此丰富，使网络不限于特定的地理位置，只要鼠标一点，就可以到达全球任意一个站点。超级链接简称超链接，人们常说成链接，在以后的学习中以链接形式给出。超链接可以在文字中指定链接，同时也可以在图片中设置超链接，而链接的地址可以是网页（静态页面html或动态页面jsp、php、aspx等），还可以是图片（jpg、gif等）或其他文件，网上的下载功能就用到了超链接，连接到将要下载的文件上。本章主要介绍以下内容：

❑文字链接；

❑图片链接；

❑锚点的使用；

❑邮箱地址链接；

❑相对路径与绝对路径。

6.1　文字链接

前面学过的文字都是以文本形式出现的，可能很多读者想知道为什么看新闻的时候，单击新闻上的标题就跳到另一网页中。这是因为文字上加了超链接，所以链接到了其他页面中。现在开始学习文字链接。

6.1.1　最简单的文字超链接

文字链接就是为文本加上超级链接，以达到跳转网页效果。文字链接语法如下。

＜！—下一行表示设置文本链接—＞

＜a href=""＞文字链接＜/a＞

其中在引号里面输入要链接到的网页地址，文字链接被＜a＞＜/a＞标记对包围着，代表超链接。里面的href属性说明文字链接的地址。属性里面可以是url地址、图片地址或影视文件等。

代码6.1演示了文字链接的用法。

代码6.1　源代码\第6章\文字链接.html

——————————————-文件名：文字链接.html———————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞文字链接＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—下一行表示给"163网站"设置链接并指向163首页—＞

07 ＜a href="http：//www.163.com"＞163网站＜/a＞

08 ＜/body＞

09 ＜/html＞

【代码解析】代码第7行在163网站的文本中设置超链接，链接地址是http：//www.163.com，链接后的文本颜色默认是蓝色，同时在链接的文本下面有一条下划线，当鼠标指针移动到文本上面时，形状就变成手形，如图6.1所示。

图　6.1　文字链接

说明　超链接的文字默认是蓝色，鼠标指针放上去变成手形。