图像

一.

<!--alt属性，当图片没法显示时，显示该文字-->
<!--鼠标悬浮时，提示的文字-->
<!--宽高只设置一个，另一个的等比例缩放，不需要跟单位-->
<img src="pulpit.jpg" alt="Pulpit rock" title="提示文本" width="304" height="228">

二.

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap" id="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
</map>
<!--img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性-->
<!--name属性 给map一个名字用来查询，这个属性是必须的，值必须不能为空并且不能带空格。name属性不准与同文档中其他map元素的值相同，如果id属性也被添加，name属性和id属性的值必须相同-->
<!--x1,y1,x2,y2: shape 属性设置为 "rect"，则该值规定矩形左上角和右下角的坐标-->
<!--x,y,radius: shape 属性设置为 "circ"，则该值规定圆心的坐标和半径-->
<!--x1,y1,x2,y2,..,xn,yn: shape 属性设置为 "poly"，则该值规定多边形各顶点的值。如果第一个坐标和最后一个坐标不一致，那么为了关闭多边形，浏览器必须添加最后一对坐标-->