<html>
  <head>
   <title>图像实例手把手</title>
  </head>
  <body>
   <!-- 下面一行表示插入图像 -->
   <a href="http://www.baidu.com" >
   <img src="07.JPG" alt="数码宝贝" width="120px" height="90"  border="10px"></a>
   <p>文字在底部显示<img src="07.jpg" align="bottom" width="120" height="90">文字在底部显示</p>
   <p>文字在中部显示<img src="12.jpg" align="middle" width="120" height="90">文字在中部显示</p>
   <p>文字在顶部显示<img src="06.jpg" align="top" width="120" height="90">文字在顶部显示</p>
   <!-- 下面一行表示对图像设置映射图 -->
   <img src="12.jpg" usemap="#face">
    <map name="Face">
     <area shape="rect" href="page.html" coords="20,20,280,60">
     <area shape="poly" href="image.html" coords="100,100,180,80,200,140">
     <area shape="circle" href="new.html" coords="80,40,60">
       </map>  
  </body>
 </html>一开始我纳闷儿啊，怎么usemap设置了没反应呢，后来发现是两个问题：
1：href拼写成了herf。
2：图片比较小，而coords设置的比较大，所以在图片上移来移去不能显示出效果出来。