HTML之六：图像的热区连接。
前面说了一下图像的插入，这次说说设置一张图片上不同地区的链接。比如一张地图上，河北，山东两省，点击河北的覆盖区域，转到一张河北的大地图，点击山东的覆盖区域，转到一张山东的大地图。这里我们就要用Dreamweaver找到它的坐标（coods）当然我们要首先插入中国地理图片。（还记得吗？嘿嘿。）并且使用usemap命名：
<img src=”” usemap=”映射图像名称”>
示例如下：
<img src=”ChinaMap.jgp” usemap=” ChinaMap”
然后再定义河北、山东这两个热区以及热区的属性：
<map name=” 映射图像名称”>
<area shape=”热区形状” coods=”热区图标” href=”链接地址” titile=”指向时显示文字”>
<area shape=” 热区形状” coods=” 热区图标” href=” 链接地址” titile=” 指向时显示文字”>
</map>
这样我们就定义了热区以及链接。img里的usemap和map里name定义的名字是一样的，但是img里的usemap的名字前加“#”，shape三个属性：circle(圆形),poly(多边形),rect(矩形)，coods的属性就是坐标，如果你选定的区域是矩形，那么坐标就是对角线两个点的坐标，先写横坐标，再写竖坐标。圆形就是圆心坐标和半径长度。多边形每个点的坐标都要写上。
示例如下：
<img src=”” usemap=”#中国地理图片”>
<map name=” 中国地理图片”>
<area shape=”rect” coods=”"523,217,977,707"” href=”HB.jpg” titile=”显示河北大地图”>
<area shape=” rect” coods=”1048,390,1214,617” href=” SD.jpg” titile=” 显示山东大地图”>
</map>
这样我们点击中国地图上河北、山东的覆盖区域就会转到相应大图页面。当然实际中设置的是多边形区域，这里拿矩形做示例，希望还是会举一反三那。