📄 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 + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -