【html】area/map/img的使用

今天翻MDN,发现一个area标签,重来没有用过。今天了解了一下。

area是单标签
area是用来画图形的,可以是圆形、矩形、和多边形
属性(重点加粗):
cords是给所画的图片设定坐标值
download 是链接资源下载的 除去网址信息
herf是area区域的url
hreflang 是资源的语言
media 指明链接资源的媒体类型
nohref 指明是没有超链接的 直接
rel 表示 目标对象与链接的关系 只有href属性是presen时候才有这个属性
shape 规定形状
target 打开链接的方式 _self _blank _parent _top
type 制定MIME类型的媒体类型

第一次学习的时候 并不知道怎么看,自己画出来的是什么。百度之后才知道
tab键切换,就能看见热点。

img、map、area 需要同时使用

area是来标记图像的热点区域的
img要使用usemap(#属性名)属性 需要与map的id 和name的属性名一样
map因为id在标签中是唯一的 并且name属性要与id是一致的 所以三者的名字是一样的

area的属性

shape属性:cir/circle/poly/polygon/rect/rectangle
coords属性:定义坐标的
圆:x,y,z, (x,y 代表圆点,z代表半径)
多边形:是x,y,x,y,x,y,x,y 每一个x

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值