?? map.html
字號:
<HTML>
<HEAD>
<TITLE>清華大學圖書館主頁 - INTERNET 教室 - HTML 語言教程</TITLE>
</HEAD>
<BODY BGCOLOR="#D4D4D4">
<H1 ALIGN=CENTER>客戶端圖象映射圖<BR>
(Client Side Image Map)</H1>
<CENTER><P>
<HR></P></CENTER>
<P><!--################## Client Side Image Map ########################--><A NAME="map"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP>客戶端圖象映射圖(Client Side Image Map)</H2>
<B>請在下圖中用鼠標到處點一點，就會理解“客戶端圖象映射圖”的意思了。</B>
<P><!------Basic-------></P>
<H3><img src=img.gif usemap="MAP-Name"><BR>
<BR>
<map name="MAP-Name"><BR>
<area shape="#" coords="#" href="url"><BR>
</map></H3>
<P> </P>
<DL>
<DD># </DD>
<DL>
<DT>shape="rect" coords="A,A',B,B'" </DT>
<DD>(A,A')=Upper Left, (B,B')=Lower Right </DD>
<DT>shape="circle" coords="A,A',R'" </DT>
<DD>(A,A')=Center, R=Radius </DD>
<DT>shape="poly" coords="A,A',B,B',C,C'..." </DT>
<DD>(A,A'>=First Corner, (B,B')=Second Corner, ... </DD>
</DL>
</DL>
<PRE>
</PRE>
<P><IMG USEMAP="#Face" SRC="mapimg.gif" HEIGHT=200 WIDTH=300> <MAP name="Face"><!Text BOTTON><AREA shape="rect"
href="samp/m-rect.html"
coords="140,20,280,60"><!Triangle BOTTON><AREA shape="poly"
href="samp/m-poly.html"
coords="100,100,180,80,200,140"><!FACE><AREA shape="circle"
href="samp/m-circle.html"
coords="80,100,60"></MAP></P>
<DL>
<PRE><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>
</PRE>
</DL>
<P><A HREF="image.html#cmap">返回教程中“圖象”一節</A> </P>
<P><!--################## (^^) Jump & Add (^^) ########################-->
<HR><A HREF="http://ncdesign.kyushu-id.ac.jp/"><IMG SRC="angel-homeg.gif" ALT="NCD HOME" HSPACE=3 VSPACE=10 BORDER=0 HEIGHT=46 WIDTH=55 ALIGN=LEFT></A>
<B><A HREF="../html_design.html">HTML
Design Guide Main Page<BR>
<NOBR></A></B><FONT FACE="'Times New Roman', Arial"><FONT SIZE=-1><A HREF="html_design.html#content">Contents</A>
|| <A HREF="page.html">Page</A>
|| <A HREF="font.html">Font</A>
|| <A HREF="text_style.html">Text
Style</A> || <A HREF="image.html">Image</A>
|| <A HREF="form.html">Form</A>
|| <A HREF="table.html">Table</A>
|| <A HREF="table02.html">Table
Advanced</A> <BR>
|| <A HREF="frame.html">Frames</A>
|| <A HREF="marquee.html">Marquee</A>
|| <A HREF="inline.html">Alternative
Inline Elements</A> <BR>
</FONT><FONT SIZE=-2><A HREF="tag-index.html">Tag
Index</A> || <A HREF="new.html">What's
New</A></FONT><FONT SIZE=-1> </FONT></FONT><BR clear=all>
</P>
<P>Network Communication Design<BR>
<A HREF="http://ncdesign.kyushu-id.ac.jp/">http://ncdesign.kyushu-id.ac.jp/<BR>
</A>C&P 1994-1996 Yuriko Ienaga <FONT SIZE=-1><A HREF="mailto:v91102@vgenda.kyushu-id.ac.jp">v91102@vgenda.kyushu-id.ac.jp</A></FONT>
<!--################## (^^) END (^^) ########################--></P>
</BODY>
</HTML>
?? 快捷鍵說明
復制代碼
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -