<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--map点击图片的某一部分,进行跳转-->
<!--img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。-->
<img src="images/zhh.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<!-- shape="rect" 矩形-->
<!--coords="0,0,500,530" 0,0矩形的左上角坐标;500,530矩形的右下角坐标-->
<!--href,点击坐标所规定的区域,跳转到百度-->
<!--alt="map" 说明信息-->
<area shape="rect" coords="0,0,500,530" href ="http://www.baidu.com" alt="map"/>
</map>
</body>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--map点击图片的某一部分,进行跳转-->
<!--img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。-->
<img src="images/zhh.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<!-- shape="rect" 矩形-->
<!--coords="0,0,500,530" 0,0矩形的左上角坐标;500,530矩形的右下角坐标-->
<!--href,点击坐标所规定的区域,跳转到百度-->
<!--alt="map" 说明信息-->
<area shape="rect" coords="0,0,500,530" href ="http://www.baidu.com" alt="map"/>
</map>
</body>
</html>