11/05 热点

<div class="top_ima1"> <img src="picture/1_dz_01.jpg" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="691,20,773,45" href="#xiaochuanweihai" target="_self" />
      <area shape="rect" coords="793,22,870,43" href="#zhiliaotese" target="_self" />
      <area shape="rect" coords="895,21,976,46" href="#kangfuanli" target="_self" />
    </map>

  <img src="picture/banner.jpg"> </div>

map标签指定了一个图片，然后可以用area标签对应于这个图片的局部制作超链接。这就好像一张中国地图上，有很多省份，我们点击对应的省份就可以查看对应省份的信息类似。shape属性表示该热点的形状，这里制定的rect表示为矩形，还有很多其他形状，诸如椭圆和多边形等。coords表示坐标点，矩形的话就会有四个点，分别表示map标签所指定的图片的像素位置。href就是这个热点超链接所要链接到的地方了。