超链接是网页的重要组成部分，用于制作导航。常用的超链接形式有：
(1)文字超链接：在文字上建立超链接；
(2)图片超链接：在图片上建立超链接；
(3)热区超链接：在图片的指定区域上建立超链接。
超链接的目标可以是网页、非网页文件、电子邮箱地址等。
1、超链接的基本形式：
<a href="目标地址">文字或图片</a>
如：
<a href="http://www.163.com">网易</a> 是一个文字超链接。
<a href="http://www.163.com"><img src="logo.gif" /></a> 是一个图片超链接。
href 属性用于指定超链接的目标地址，如果是本地文件，应使用相对地址，如果是远程文件，应使用URL。
超链接点击后的效果：
(1)如果目标地址指向的是网页文件、图片文件等类型的文件，则该文件会在浏览器中被打开。
(2)如果目标文件是其它各类文件，点击后一般会导致一个下载。
目标文件的打开位置控制：
用target属性可控制目标文件的打开位置。一般用法：
<a href="目标地址" target="值">文字或图片</a>
target属性取值：
(1) _self：在当前窗口打开目标文件，这是默认值。
(2) _blank：在新窗口打开目标文件。
(3) _top：在顶层框架打开网页。
(4) _parent：在当前框架的上一层框架打开网页。
(5) 窗口名：在指定的框架窗口打开网页。
其中(3)、(4)、(5)主要在框架结构的网页中使用。
2、锚点：
锚点是网页中的一个指定位置，定义了锚点后，可以用超链接跳转到锚点的位置。这种结构主要用于一个页面内的跳转，也可以跳转到某页面的指定位置处。
使用锚点时，定义锚点和定义跳转到锚点的超链接是分开的。
(1)定义锚点：
<a name="锚点名"></a>
这个语句应放置在跳转目标的位置上，它在网页上不会显示任何内容。
(2)定义跳转到锚点的超链接：
<a href="#锚点名">文字或图片</a>
当用户点击这种超链接时，会跳转到本网页的锚点处。
<a href="目标地址#锚点名">文字或图片</a>
3、跳转到页面顶部：
<a href="#top">文字或图片</a>
top相当于一个特殊的预定义锚点，不需要我们自己定义。
4、电子邮件超链接：
<a href="mailto:邮箱地址">文字或图片</a>
点击这种超链接会启动邮件客户端软件，如Outlook向目标邮箱写邮件。
5、图片热区超链接：
图片热区超链接在一张图片上划分几个区域，每个区域可定义一个超链接，用户单击不同的区域可转向不同的目标网页。
当用户点击这种超链接时，会打开目标网页并跳转到锚点处。
制作图片热区超链接的步骤：
(1)插入一张可划分热区的图片：
<img src="图片文件地址" usemap="#MapName" />
其中MapName是热区地图名。
这一句应放在网页中需要显示图片的位置。
(2)定义热区地图：
<map name="MapName">
<area shape="热区形状" coords="热区坐标" href="目标地址" />
……
</map>
注：<map>标记用定义的地图名必须和<img>标记中使用的地图名相同。<map>标记可放在网页文件的任意位置，通常是放在<body>区的末尾处。
每个<area>标记可定义一个热区，热区的形状和坐标是通过shape和coords属性定义的。
当shape="rect"(矩形)时，coords="A,B,C,D"，其中(A,B)是矩形区域左上角坐标，(C,D)是矩形区域右下角坐标。
当shape="circle"(圆形)时，coords="A,B,C"，其中(A,B)是圆心坐标，C是半径。
当shape="poly"(多边形)时，coords="A,A',B,B',C,C',..."，其中(A,A')、(B,B')、(C,C')等是多边形各顶点的坐标。起点坐标和终点坐标必须相同。
图片的左上角的坐标是(0,0)，这里的坐标都是相对于图片左上角的，单位为像素。
例：图片文件名为g.gif，图片尺寸为240×120像素，在图片上划分了4个矩形热区。
点击“热区1”跳转到1.htm，点击“热区2”跳转到2.htm，……。要求在新窗口打开目标网页。
插入图片：
<img src="g.gif" width="240" height="120" usemap="#Map1" />
定义热区地图：
<map name="Map1">
<area shape="rect" coords="0,0,99,59" href="1.htm" target="_blank" />
<area shape="rect" coords="100,0,239,59" href="2.htm" target="_blank" />
<area shape="rect" coords="0,60,99,119" href="3.htm" target="_blank" />
<area shape="rect" coords="100,60,239,119" href="4.htm" target="_blank" />
</map>
2536
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
