3.1 创建超链接
在实际应用中很少有网页是单独的，通常都会使用超链接来创建一个页面与其他页面之间的联系。同样也可以使用超链接创建与其他Web服务器上的网页联系。
3.1.1 超链接标记
在HTML中，创建超链接的标记是<A>。<A>标记是双标记，以<A>开始，以</A>结束。<A>标记创建的链接能指向一个HTML页面、一幅图像、一个视频文件等任何资源，其语法格式如下。
<A NAME="锚名称" HREF="URL" TITLE="标题" TARGET="目标">超链接文字</A>
超链接标记的属性很多，上面的语法格式中只包含了常用的4个属性。
• NAME：用于设置超链接当前位置的锚名称。
• HREF：用于设置超链接的链接地址。
• TITLE：用于设置超链接的标题。
• TARGET：用于设置打开超链接的目标地址。
从上面的超链接语法格式可以看出，超链接主要包括目标地址、链接文字、标题说明、目标窗口及锚。
【示例3-1】创建一个简单的超链接，此链接指向一个网站。
01 <HTML> 02 <HEAD> 03 <TITLE>超链接</TITLE> 04 </HEAD> 05 <BODY> 06 <A HREF="http://www.ibucm.com" TITLE="单击此处进入北京中医药 大学远程教育学院的网站首页" TARGET=" _blank" NAME="ibucm">北京中医药大学远程教 育学院</A> 07 </BODY> 08 </HTML>
示例3-1运行效果如图3.1所示。第6行使用了<A>标记，然后设置4个属性，注意每个属性都用引号括起来。
超链接由以下5个部分组成。
• 目标地址。当浏览者单击某个超链接时，会出现什么内容，是由目标地址决定的。如果目标地址是一个网址，单击超链接时会打开一个网页；如果目标地址是一个视频文件或音频文件，单击超链接时会打开一个播放软件来播放视频或音频；如果目标地址是一张图片，单击超链接时会显示这张图片；如果目标地址是一个E-mail地址，单击超链接时会打开一个客户端电子邮件程序，并显示发送新邮件窗口；如果目标地址是一个压缩文件，单击超链接时会下载该文件……通常目标地址都是以URL地址表示，把鼠标指针放在超链接上时，在浏览器窗口的状态栏上会显示该超链接的URL。
• 链接文字。链接文字的作用是让浏览者看到并单击。例如，图3.1中的“北京中医药大学远程教育学院”就是链接文字。链接文字在浏览器中默认为蓝色并加有下画线。链接文字越吸引人，浏览者单击的可能性就越大。在超链接中不仅可以使用文字，还可以使用图片，使用图片时，浏览者只要单击该图片，就可以到达超链接的目标地址上。
图3.1 创建超链接运行结果
• 标题。标题也就是超链接的说明文字，把鼠标指针放在超链接上面时，会在鼠标指针附近显示一个注释框，注释框里的文字就是标题的内容，用于说明单击超链接后可以看到什么内容或发生什么情况。
• 目标窗口。目标窗口在浏览器窗口中不会显示，而是决定单击超链接后在哪个浏览器窗口中显示网页，如在自身窗口中显示或在新开窗口显示等。
• 锚。这也是在浏览器窗口中没有任何显示的属性，用于决定其他超链接链接到的位置。
3.1.2 链接地址
链接地址用于设置超链接的路径，可以使用<A>标记中的HEAR属性来设置。设置超级链接地址的语法格式如下。
<A HREF="链接地址">用来设置超链接的元素</A>
其中，链接地址可以是相对地址，也可以是绝对地址。
绝对路径实际就是完整路径。绝对路径可以是按照硬盘文件的真正路径，也可以是按照域名的完整网页路径。使用绝对路径定位链接目标文件比较清晰，但是如果该文件被移动了，就需要重新设置所有的相关链接。例如，设置路径为“C:\Program files\1.htm”，在本地确实可以找到，但是因为到了网站上，该文件不一定在这个路径下，所以就会出问题。
相对路径，顾名思义就是自己相对目标位置的路径。使用相对路径时，不论将这些文件放到哪里，只要它们的相对关系没有变，就不会出错。一般有如下3种相对路径的写法。
• 同一目录下的文件：只需要输入链接文件的名称即可，如01.html。
• 上一级目录中的文件：在目录名和文件名之前加入“../”，如../04/02.html；如果是上两级，则需要加两个“../”，如../../file/01.html。
• 下一级目录：目录名和文件名之间以“/”隔开，如Html/05/01.html。
【示例3-2】设置超链接的链接地址。
01 <HTML> 02 <HEAD> 03 <TITLE>为页面添加超级链接</TITLE> 04 </HEAD> 05 <BODY> 06 现在有很多动物都濒临灭绝，因此我们应该保护动物，特别是稀有动物。<A HREF="3-2-1.html"> 金丝猴</A>就是我国的一级保护动物。它属灵长目、猴科，背部有金黄色的长毛，故名“金丝猴”。 07 </BODY> 08 </HTML>
第6行文字“金丝猴”就是带有超级链接的元素，它链接的页面是在同一目录下的代码文件3-2-1.html。这里要注意的是，此处链接只使用了一个属性，链接的地址也是相对地址，该文件必须与本例的文件在同一目录下。
3-2-1.html代码如下。
01 <HTML> 02 <HEAD> 03 <TITLE>超级链接</TITLE> 04 </HEAD> 05 <BODY> 06 <P>金丝猴是我国的一级保护动物。</P> 07 <P><IMG SRC="pic01.jpg" height="200px"></P> 08 </BODY> 09 </HTML>
示例3-2运行效果如图3.2所示。单击图3.2中的“金丝猴”链接文字，可以进入图3.3所示的目标页面。
图3.2 设置超链接地址运行效果
图3.3 链接的目标页面
3.1.3 打开链接的方式
单击网页中的超链接时，通常都会在当前窗口打开超链接目标页面。如果想保留当前网页的内容，让链接的页面从一个新建窗口中打开，应该怎么办？使用<A>元素的TARGET属性可以实现这个功能。TARGET属性用来设置打开链接的方式，其语法格式如下。
<A HREF="链接地址" TARGET="目标页面的打开方式">用来链接的元素</A>
在HTML中，超链接的TARGET属性可以取4个值，这些值的具体含义如表3.1所示。
表3.1 TARGET属性值
【示例3-3】TARGET属性的使用。
01 <HTML>
02 <HEAD>
03 <TITLE>设置目标页面的打开方式</TITLE>
04 </HEAD>
05 <BODY>
06 现在有很多动物都濒临灭绝，因此我们应该保护动物，特别是稀有动物。<A HREF="3-2-1.html"
TARGET="_blank"> 金丝猴</A>就是我国的一级保护动物。它属灵长目、猴科，背部有金黄色的长毛，故名“金丝
猴”。
07 </BODY>
08 </HTML>
示例3-3运行效果如图3.4所示。第6行使用_blank打开窗口，需要注意的是，本例打开了两个浏览器，而如果此时改为_self，或不设置TARGET属性，则是在同一个窗口中打开新的页面，此时原页面只能通过回退按钮返回。
图3.4 设置目标页面的打开方式