图片设置的时候注意

来源:互联网 发布:最好用的收银软件 知乎 编辑:程序博客网 时间:2024/04/28 13:06

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