SOURCE

console 命令行工具 X clear

                    
>
console
<div style="width:750.0px;height:336.0px;overflow:hidden;font-size:0.0px;line-height:0.0px;">
	 <img src="https://img.alicdn.com/imgextra/i4/2541190800/TB2PQXYbpT.F1JjSZFEXXc1TVXa_!!2541190800.jpg" border="0" usemap="#map2378544159" alt="" /><map name="map2378544159"><area shape="rect" coords="534,282,651,318" href="http://www.taobao.com/webww/ww.php?ver=3&amp;touid=%E6%B3%B0%E6%9E%81%E5%90%8A%E8%A3%85%E8%AE%BE%E5%A4%87%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;siteid=cntaobao&amp;status=1&amp;charset=utf-8" /></map>
</div> 

在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下:
  <img src=img.gif usemap="MAP-Name">
  <map name="MAP-Name">
  <area shape="rect|circle|poly" coords="#" href="url">
  </map>
  注:所有的坐标都是相对于图片左上角的。
  其中,坐标coords对各个shape的解释如下:
  shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right
  即,当shape是矩形时,coords表示矩形左上及右下(x2, y2)的坐标;
  shape="circle" coords="x,y,r" // (x,y)=Center, r=Radius
  即,当shape是圆形时,coords表示圆中心点坐标(x, y)及半径;
  shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=First Corner, (x2,y2)=Second Corner, ...
  即,当shape是poly多边形时,coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...
  注意:以上所有坐标都是相对于图形img.gif左上脚坐标而言的。