<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设置的比较大,所以在图片上移来移去不能显示出效果出来。