HTML超链接笔记二

版权声明:本文为博主原创文章,未经博主允许不得转载。 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.链接与内联框架
这里写图片描述

猜你喜欢

转载自blog.csdn.net/dream_follower/article/details/81274549