HTML 语言教程

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>

返回教程中“图象”一节


NCD HOME HTML Design Guide Main Page
Contents || Page || Font || Text Style || Image || Form || Table || Table Advanced
|| Frames || Marquee || Alternative Inline Elements
Tag Index || What's New

Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga [email protected]