html中<img>标签之对于创建图像映射详细说明1

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

初级前端一枚下面代码是在图片上创建图像映射自己整理了下做个笔记希望也可以帮助后来学习的朋友！

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="poly" coords="23,58,8,59,40,70" alt="Venus" href="venus.htm">
</map>

该段代码中的shape指的是点击区域的形状，coords指的应该是链接区域在图片中的坐标（像素为单位）。

shape
1、rect　　　　矩形
2、circle　　圆形　　　　　　
3、poly　　　多边形

coords
1、距形：左上角顶点坐标为(x1,y1)，右下角顶点坐标为(x2,y2)
2、圆形：(圆心坐标为(X1,y1)，半径为r)
3、多边形：(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......)

以上就是html中<img>标签之关于创建图像映射详解的详细内容，更多请关注php中文网其它相关文章！

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

标签:html中<img>标签之对于创建图像映射详细说明