5.2 超链接的建立
教学录像：光盘\TM\lx\5\超链接的建立．exe
5.2.1 超链接标记的基本语法
超链接的语法根据其链接对象的不同而有所变化，但都是基于<A>标记的。
语法
<A href="文件名">链接元素</A>或<A href="URL">链接元素</A>
语法解释
在该语法中，链接元素可以是文字，也可以是图片或其他页面元素。其中，href是hypertextreference的缩写。通过超链接的方式可以使各个网页之间链接起来，使网站中众多的页面构成一个有机整体，使访问者能够在各个页面之间跳转。超链接可以是一段文本、一幅图像或其他网页元素，当在浏览器中用鼠标单击这些对象时，浏览器可以根据指示载入一个新的页面或者转到页面的其他位置。
下面具体讲解各种超链接的创建方法。
5.2.2 建立文本超链接
在网页中，文本超链接是最常见的一种。它通过网页中的文件和其他文件进行链接。
语法
<A href="链接地址">链接文字</A>
语法解释
在该语法中，链接地址可以是绝对地址，也可以是相对地址。
【例5.1】实例代码。（实例位置：光盘\TM\sl\5\1）
<html>
<head>
<title>文本链接</title>
</head>
<body>
<center><h3>中国古城介绍：西安古城</h3></center>
<a href="5-1-2.html">下一篇：荆州古城</a><br /><br />
 ；西安，古称“长安”、“京兆”。是举世闻名的世界四大古都之一，是中国历史上建
都时间最多、建都朝代最多、影响力最大的都城，是中华民族的摇篮、中华文明的发祥地、中华文化的代表，有
着“天然历史博物馆”的美誉。<br />
 ；西安，在《史记》中被誉为“金城千里，天府之国”，是中华民族的发祥之地，由周
文王营建，建成于公元前12世纪，先后有21个王朝和政权建都于此，是13朝古都，中国历史上的四个最鼎盛
的朝代周、秦、汉、唐均建都西安。西安高陵杨官寨遗址发现，将中国城市历史推进到了6000年前的新石器时代
晚期，同时确定了西安是世界历史上第一座城市。
</body>
</html>
运行效果如图5.1所示。
图5.1 文本链接的页面效果
在图5.1中有一个“下一篇：荆州古城”文本链接，它链接到了当前目录下的5-1-2.html文件。该文件的实例代码如下。
<html>
<head>
<title>文本链接</title>
</head>
<body>
<center><h3>中国古城介绍：荆州古城</h3></center>
<a href="5-1-1.html">上一篇：西安古城</a><br /><br />
 ；荆州古城，又称江陵城，是我国历史文化名城、全国重点文物保护单位之一，是楚文
化的发祥地之一，是著名的三国古战场，历史上“刘备借荆州”“关羽大意失荆州”等脍炙人口的三国故事都发
生在这里。荆州古城地处连东西贯南北的交通要塞，历来均为兵家必争之地，荆州城屡毁屡建，现在的荆州古城
最后一次修建是在清朝顺治三年（1646年），依原址而建，保存至今，是“我国南方不可多得的完壁”。<br />
 ；荆州古城总面积4.6平方公里，分为三层，最外层为水城、中间是砖城，里面是土城，
水城（护城河）全长10500米，宽30米，水深4米，西通太湖，东连长湖，与古运河相连；城墙四周原有东门
（迎宾门）、小东门（公安门、水门）、北门（拱极门）、小北门（远安门）、西门（安澜门）、南门（南纪门）
6座城门，除小东门外，其他五座城门都由两道门组成，有瓮城，建国后，又新开3座城门，分别是新东门、新
南门、新北门，均无瓮城，原来6座城门上都有城门楼，分别是宾阳楼、望江楼、九阳楼、曲江楼、朝宗楼、景
龙楼等，其中以曲江楼和景龙楼最为出名。<br />  ；荆州古城不仅三国遗迹遍布，而且
文化底蕴丰厚，历史、神话传说众多，尤其是《三国演义》故事的广泛流传，使得荆州古城名扬四海，享誉海外，
是三国旅游线上的著名景点。
</body>
</html>
运行效果如图5.2所示。
图5.2 打开的链接页面
在这个页面中同样有一个“上一篇：西安古城”的链接，单击该链接，页面将转到图5.1所示的页面。
5.2.3 设置超链接的目标窗口
在创建网页的过程中，有时候并不希望超链接的目标窗口将原来的窗口覆盖，如在打开新的窗口时，主页面的窗口仍保留在原处，这时可以通过target参数设置目标窗口的属性。
语法
<A href="链接地址" target=目标窗口的打开方式>链接元素</A>
语法解释
在该语法中，target参数的取值有4种，如表5.1所示。
表5.1 target参数的取值说明
在表5.1中提到的框架是一种页面结构。
【例5.2】实例代码。（实例位置：光盘\TM\sl\5\2）
<html>
<head>
<title>目标窗口的打开方式</title>
</head>
<body>
<center><h2>鲁迅作品介绍</h2></center>
<hr size="4" color="#FF0000" />
<font size="+4">《呐喊》</font><br /><br />
作者：鲁迅 著<br/>
钱理群 王得后 选编<br/>
出版社：浙江文艺出版社<br />
出版日期：2007年10月<br />
ISBN:978-7-5339-0441-8<br />
字数：316千字<br />
定价：19.50元<br />
<a href="5-2-2.html" target="_blank">内容简介</a>
</body>
</html>
设置这段代码的文件名为5-2-1.html，在这段代码中包含一个超链接文本“内容简介”，单击该文字可以打开5-2-2.html文件。该文件中的代码如下。
<html>
<head>
<title>目标窗口的打开方式</title>
</head>
<body>
<center><h2>内容简介</h2></center>
<font size="+4">《呐喊》</font><br /><br />
 ；本集出版收小说十五篇，作于1918年至1922年间，1923年8月由北京新潮出
版社出版，列为该社“文艺丛书”之一。1926年10月第三次印刷时起，改由北京北新书局出版，列入作者所编
的“乌合之众”。1930年1月第十三次印刷时，作者抽去其中的《不周山》一篇（后改名为《补天》，收入《故
事新编》）此后印行的版本均从1930年版。
</body>
</html>
运行文件5-2-1.html，如图5.3所示。单击窗口中的“内容简介”超链接，可以在一个新的窗口打开文件5-2-2.html，如图5.4所示。
图5.3 页面初始运行效果
图5.4 在一个新的窗口打开文件