html中的Map,area标签详解

html中的Map,area标签详解

工具   Imagination Image Map Editor

一.定义和用法

定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。

二.脚本示例：

2. <img src="logo.gif" border=0 usemap="#mymap">
4. <map name=mymap>
7. <area shape="rect" coords="0,0,50,50" href="a.html">
9. <area shape="rect" coords="50,0,100,50" href="b.html">
11. <area shape="rect" coords="100,0,150,50" href="c.html">
12. map>

shqpe属性的设置说明:
1.rect 定义一个矩形区域,coords属性设置值为矩形的左上角,右下角的坐标,各个坐标值之间用逗号分开;
2.poly 定义一个多边形区域, coords属性设置值为多边形各项顶点的坐标值;
3.circle 定义一格圆形区域, coords属性设置值为圆心坐标及半径,前两个参数分别为圆心的横,纵坐标,第三个参数为半径.

三.示例

1.多边形

 

来源：(http://blog.sina.com.cn/s/blog_55e42da60100hfyu.html) - html中的Map,area标签详解_朱仁_新浪博客