在html中怎么设计热区 html 热区

很多站长朋友们都不太清楚在html中怎么设计热区，今天小编就来给大家整理在html中怎么设计热区，希望对各位有所帮助，具体内容如下：

本文目录一览：

• 1、html网页设计中图片热区位置坐标如何确定的？
• 2、HTML图片热区是怎么做的？
• 3、HTML图片热区怎么做的？
• 4、html怎么做热点区域

你直接使用DW软件画出来不就行了吗，想画哪里画哪里，坐标自动给出，形状都可以变

img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /

map name="planetmap" id="planetmap"

area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /

area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /

area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /

/map

shape="circle" coords="x,y,r" 区域为圆形 后面是圆心坐标和以像素为单位的半径

shape="rect" coords="x1,y1,x2,y2" 区域为矩形 矩形的左上右下两点的坐标

shape="poly" coords="x1,y1,x2,y2,x3,y3..." 区域为多边形 多边形所有顶点的坐标

以上所有坐标都是相对于图形img左上脚坐标而言的

img中的 usemap 属性可引用 map 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 map 添加 id 和 name 属性。

其中如果area划分的区域部分交叉则前面的area覆盖后面的area.即第一个area覆盖第二个area。

img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /

map name="planetmap" id="planetmap"

area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /

area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /

area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /

/map

shape="circle" coords="x,y,r" 区域为圆形 后面是圆心坐标和以像素为单位的半径

shape="rect" coords="x1,y1,x2,y2" 区域为矩形 矩形的左上右下两点的坐标

shape="poly" coords="x1,y1,x2,y2,x3,y3..." 区域为多边形 多边形所有顶点的坐标

以上所有坐标都是相对于图形img左上脚坐标而言的

img中的 usemap 属性可引用 map 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 map 添加 id 和 name 属性。

其中如果area划分的区域部分交叉则前面的area覆盖后面的area.即第一个area覆盖第二个area。

a href="链接的地址"img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"/a

关于在html中怎么设计热区的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。