0
点赞
收藏
分享

微信扫一扫

HTML map标签

火热如冰 2022-03-22 阅读 62
html前端

HTML map标签

作用:

带有可点击区域的图像映射,即选定图片的不同区域,跳转不同网页

 <map name="Map" id="Map">
    <!-- 矩形rect(x1,y1,x2,y2)参数:前两个表示矩形左上角的顶点坐标,后两个表示其对角的坐标 -->
    <area shape="rect" coords="0,0,135,200" href="index.html"/>
    <area shape="rect" coords="0,135,200,270" href="kb.html"/>
    <!-- 圆形circle(x,y,r)参数:圆心坐标,半径 -->
    <area shape="circle" coords="100,135,50" href="c4-选择器.html" />
    <!-- 多边形poly,(x1,y1,x2,y2,x3,y3,...)每一对 "x,y" 坐标都定义了多边形的一个顶点 -->
    <!-- 全部区域default -->

矩形选区

rect(x1,y1,x2,y2)参数:前两个表示矩形左上角的顶点坐标,后两个表示其对角的坐标

 <area shape="rect" coords="0,0,135,200" href="index.html"/>

圆形选区

circle(x,y,r)参数:圆心坐标,半径

<area shape="circle" coords="100,135,50" href="c4-选择器.html" />
举报

相关推荐

0 条评论