HTML超链接笔记二

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属性设置热区坐标
shapecoords描述
矩形(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.链接与内联框架
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Master_Yoda

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值