1. <img src=http://www.mamicode.com/"images/index/top1.jpg" width="248" height="512" usemap="#login">                   
2. <map name="login">  
3. <area shape="circle" coords="x1, y1, r"   href=http://www.mamicode.com/"" target="_blank" alt=""    title="" />  
4. <area   shape="rect"    coords="x1, y1, x2, y2"    href=http://www.mamicode.com/""    target="_blank" alt=""   title="" />     
5. <area    shape="poligon"   coords="x1, y1, x2, y2,......."    href=http://www.mamicode.com/""    target="_blank" alt=""    title="" />     
6. </map>  

     usemap= # + 与map的name一致

     shape热点形状：circle圆形

     coords坐标位置：圆心x轴，圆心y轴，半径r

     shape热点形状：rect矩形
     coords坐标位置：左上角x轴坐标，左上角y轴坐标，右下角x轴坐标，右下角y轴坐标
     shape热点形状：poligon矩形
     coords坐标位置：第一个点的x轴坐标，第一个点的y轴坐标，第二个点的x轴坐标，第二个点的y轴坐标，.......

html中给图片添加热点