版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/dream_follower/article/details/81274549
3.6文本链接
文本链接指源端点为文本的链接,基本的设置语法如下:
<a href="file_url">文本</a>
3.7图像链接
图像链接是源端点为图片文件的链接,基本设置语法如下:
<a href="file_url"><img src="img_url" /></a>
3.8图像映射
图像映射是指源端点为图片热区的链接,一幅图像可以被切分不同的区域,每一个区域可以链接到不同的地址,这些区域称为图像的热区。基本设置语法如下:
<img src="img_url" usemap="#map_name">
<map name="map_name">
<area shape="rect" coords="x1,y1,x2,y2" href="链接地址1" >
<area shape="circle" coords="x,y,r" href="链接地址2" >
<area shape="poly" coords="x1,y1,x2,y2,x3,y3,……" href="" alt="">
……
</map>
语法说明:
- img标签中的usemap属性用于激活映射
- map标签用于定义图像映射中包含热点的映射
- area标签用于在图像中定义一个热区,其中包含了三个必须设置的属性:href、shape和coords。
- href属性用于设置每个热区的链接路径
- shape属性设置热区形状,
- coords属性设置热区坐标
shape | coords | 描述 |
---|---|---|
矩形(rect) | x1,y1,x2,y2 | (x1,y1)为矩形左上顶点坐标,(x2,y2)为矩形右下顶点的坐标 |
圆形(circle) | x,y,r | (x,y)为圆心坐标,r为半径长度 |
多边形(poly) | x1,y1,x2,y2…… | (x1,y1)、(x2,y2)……分别为多边形的各个顶点的坐标,各顶点按照单击生成的先后排序 |
####4.链接与内联框架