html图片映射标签<area>

html标签中的一些重要属性的理解

<img src="planets.gif" alt="Planets" usemap="#planetmap" />

//alt图片加载不出来显示alt的内容
//<img>中的图像的某些部分由<map>中的图像来映射。用usemap和map来进行绑定。
<map name="planetmap">
  <area href="sun.htm" shape="rect" coords="0,0,110,260">Sun</a>

//<area>确定区域的各种属性 href是跳转的链接

 <!--1、距形：(左上角顶点坐标为(x1,y1)，右下角顶点坐标为(x2,y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>

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

<area shape="circle" coords="x1,y1,r" href=url>

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

<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>-->

<area href="mercur.htm" shape="circle" coords="129,161,10">Mercury</a> <area href="venus.htm" shape="circle" coords="180,139,14">Venus</a></map>