照着书写了一段：
<!DOCTYPE html>
<html>
<head>
<title>More Spectacular Yosemite</title>
</head>
<body>
<p style="text-align: center;">Click on a logo to go to the different page.<br>
<img src="images/map.jpg" usemap="#colorfulmap" style="border: none;width: 600px;height: 600px" alt="Color Map"></p>
<map name="colorfulmap" id="colorfulmap">
<area shape="rect" coords="0,0,10.58,10.58" href="images/red.jpg" title="red">
<area shape="rect" coords="10.58,0,21.16,10.58" href="images/yellow.jpg" title="yellow">
<area shape="rect" coords="0,10.58,10.58,21.16" href="images/blue.jpg" title="blue">
<area shape="rect" coords="10.58,10.58,21.16,21.16" href="images/pink.jpg" title="pink">
</map>
</body>
</html>
检查了半天也没看出哪里有问题
但是在浏览器中打开那个图像没有任何超链接。。。更别说映射不同的链接了。
求大神指点
你图片是600*600的大小，你的点击只有10*10太小了，你把大小调成200*200就明显很多了
没问题啊，你要打开html页面，打开图片干嘛东东