HTML——78. 图像地图
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图像地图</title>
</head>
<body>
<!--图像地图：把一张图像分成很多区块，其中每个区块都加了一个超链接-->
<!--使用dreamware做图像地图最方便-->
<img src="map.jpg" usemap="#Map"/>
<map name="Map">
<area shape="rect" coords="498,367,524,411" href="https://www.51zxw.net">
<area shape="circle" coords="301,331,85" href="http://www.jd.com">
<area shape="poly" coords="464,7,478,22,497,28,505,45,490,70,489,96,491,124,504,128,475,148,457,148,460,186,505,197,558,144,575,114,591,66,591,34,512,12,468,2" href="http://www.baidu.com">
</map>
</body>
</html>
用这个软件做图像地图
点击你要地区单机右键，点属性
取区域图像链接的工具
用取图工区圈台湾，则会出现台湾图像区域的链接
将区域图片于你想绑定的网也做联系（即圈好图片后，输入要绑定的网址）完成后保存html文件，将文件在HBuilder中打开即可
点击台湾图片区域，就会跳转于台湾绑定的京东