记录一则【HTML中图片映射map及area标签的使用】

本文介绍了HTML中标签的使用,用于创建带有可点击区域的图像映射。标签允许定义链接的特定区域,其shape属性可以设置为rect(矩形)、circle(圆形)或poly(多边形),coords属性则用于设定各个形状的坐标。通过这些属性,可以实现图像上的不同区域链接到不同的页面。
摘要由CSDN通过智能技术生成

         这几天在做网页的时候,有时候会需要一张图片中的局部产生链接,也就是<map></map>标签,而此标签可以和   <area>标签一起使用,来达到定义图像的映射(图像映射指的是带有可点击区域的图像)。<area>标签和<a>标签的区别不是很大,前者可以定义链接的区域。

几个属性: 

shape :表示点击热点区域的形状,矩形rect,圆形circl,多边形poly。 
coords :coords表示点击热点区域形状的坐标。坐标点(0,0)表示图片的左上角。 
   (1)矩形rect有4个数值(代表2个坐标),分别是矩形左上角坐标和矩形右下角坐标。                                                                      coords="left-top-width,left-top-height,right-bottom-width,right-bottom-height"
    (2)圆形circle有3个数值,前2个值为圆心坐标,第3个值为圆的半径大小。 
    (3&#x

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值