html中处于中心的标签,html area标签详解

本文介绍了HTML中的图像映射和area元素的使用,包括如何定义图像的可点击区域,以及area元素的href、alt、shape和coords属性的详细解释。案例展示了不同形状区域的设置方法,如矩形、圆形和多边形。此外,还强调了usemap属性与image元素的关联,并指出需同时为map元素添加id和name属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

c4468b3f4df77e96b0a416fa2a870fba.png

标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。

area 元素总是嵌套在 标签中。

注: 标签中的 usemap 属性与   元素 name 属性相关联,创建图像与映射之间的联系。 中的 usemap 属性可引用 中的 id 或 name 属性(由浏览器决定),所以我们需要同时向 添加 id 和 name 两个属性。

4b9a9ccd02eed59ee5e7161b17d5709b.png

案例链接:http://www.w3school.com.cn/tags/tag_area.asp

属性值:

href : 点击区域跳转的链接。alt : 图片无法正常显示时提示的信息。

shape & coords:

1、距形:(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2))

2、圆形:(圆心坐标为(X1,y1),半径为r)

3、多边形:(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......)

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com

特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值