     网页之作

 网站设计基础
 HTML格式体
 Frontpage教程
 Dreamweaver教程
 HTML基础
     -页面
     -字体
     -文字布局
     -图象
     -表单
     -表格
     -表格进阶
     -多窗口页面
     -会移动的字
     -多媒体页面

     返回页面制作

客户端图象映射图
(Client Side Image Map)

客户端图象映射图(Client Side Image Map)

请在下图中用鼠标到处点一点，就会理解“客户端图象映射图”的意思了。

<img src=img.gif usemap="MAP-Name">

<map name="MAP-Name">
<area shape="#" coords="#" href="url">
</map>

#

shape="rect" coords="A,A',B,B'": (A,A')=Upper Left, (B,B')=Lower Right
shape="circle" coords="A,A',R'": (A,A')=Center, R=Radius
shape="poly" coords="A,A',B,B',C,C'...": (A,A'>=First Corner, (B,B')=Second Corner, ...

<img src="mapimg.gif" usemap="#Face">

<map name="Face">

<!Text BOTTON>
   <area shape="rect"
         href="page.html" 
         coords="140,20,280,60">

<!Triangle BOTTON>
   <area shape="poly"
         href="image.html"
         coords="100,100,180,80,200,140">

<!FACE>
   <area shape="circle" 
         href="new.html" 
         coords="80,100,60">
</map>

返回教程中“图象”一节