?? font.html
字號:
<HTML>
<HEAD>
<TITLE>清華大學圖書館主頁 - INTERNET 教室 - HTML 語言教程</TITLE>
</HEAD>
<BODY BGCOLOR="#D4D4D4">
<H1 ALIGN=CENTER>字體(FONT)標記(TAGS)</H1>
<HR>
<P><!--################## HEADER ########################--><A NAME="header"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 標題字體(Header)</H2>
<H3><h#> ... </h#> #=1, 2, 3, 4, 5, 6</H3>
<H1><TT><FONT SIZE=+0><h1>今天天氣真好！</h1> </FONT></TT>今天天氣真好！</H1>
<H2><TT><FONT SIZE=+0><h2>今天天氣真好！</h2> </FONT></TT>今天天氣真好！</H2>
<H3><TT><FONT SIZE=+0><h3>今天天氣真好！</h3> </FONT></TT>今天天氣真好！</H3>
<H4><TT><FONT SIZE=+0><h4>今天天氣真好！</h4> </FONT></TT>今天天氣真好！</H4>
<H5><TT><FONT SIZE=+0><h5>今天天氣真好！</h5> </FONT></TT>今天天氣真好！</H5>
<H6><TT><FONT SIZE=+0><h6>今天天氣真好！</h6> </FONT></TT>今天天氣真好！</H6>
<UL>
<LI><hn>---</hn> 這些標記顯示黑體字。</LI>
<LI><hn>---</hn> 這些標記自動插入一個空行，不必用 <p>
標記再加空行。<BR>
因此在一行中無法使用不同大小的字體。</LI>
</UL>
<PRE>
</PRE>
<P><!--################## FONT SIZE ########################--><A NAME="font_size"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 字體大小</H2> <H3><font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#,
-#<BR>
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7</H3>
<P><TT><font size=7>今天天氣真好！</font> </TT><FONT SIZE=+4>今天天氣真好！</FONT></P>
<P> <TT><font size=6>今天天氣真好！</font> </TT><FONT SIZE=+3>今天天氣真好！</FONT></P>
<P> <TT><font size=5>今天天氣真好！</font> </TT><FONT SIZE=+2>今天天氣真好！</FONT></P>
<P> <TT><font size=4>今天天氣真好！</font> </TT><FONT SIZE=+1>今天天氣真好！</FONT></P>
<P> <TT><font size=3>今天天氣真好！</font> </TT><FONT SIZE=+0>今天天氣真好！</FONT></P>
<P> <TT><font size=2>今天天氣真好！</font> </TT><FONT SIZE=-1>今天天氣真好！</FONT></P>
<P> <TT><font size=1>今天天氣真好！</font> </TT><FONT SIZE=-2>今天天氣真好！</FONT></P>
<P> </P>
<PRE>
</PRE>
<P><!--################## Physical Style ########################--><A NAME="physical"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 物理字體(Physical Style)</H2>
<P><b>今天天氣真好！</b> <B>今天天氣真好！</B></P>
<P> <i>今天天氣真好！</i> <I>今天天氣真好！</I></P>
<P> <u>今天天氣真好！</u> <U>今天天氣真好！</U></P>
<P> <tt>今天天氣真好！</tt> <TT>今天天氣真好！</TT></P>
<P> <sup>今天天氣真好！</sup> <SUP>今天天氣真好！</SUP></P>
<P> <sub>今天天氣真好！</sub> <SUB>今天天氣真好！</SUB></P>
<P> <s>今天天氣真好！</s> <STRIKE>今天天氣真好！</STRIKE></P>
<P> <strike>今天天氣真好！</strike> <STRIKE>今天天氣真好！</STRIKE></P>
<P> </P>
<PRE>
</PRE>
<P><!--################## Logical Style ########################--><A NAME="logical"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 邏輯字體(Logical Style) </H2>
<P><em>今天天氣真好！</em> <I>今天天氣真好！</I></P>
<P> <strong>今天天氣真好！</strong> <B>今天天氣真好！</B></P>
<P> <code>今天天氣真好！</code> <TT>今天天氣真好！</TT></P>
<P> <samp>今天天氣真好！</samp> <TT>今天天氣真好！</TT></P>
<P> <kbd>今天天氣真好！</kbd> <TT>今天天氣真好！</TT></P>
<P> <var>今天天氣真好！</var> <I>今天天氣真好！</I></P>
<P> <dfn>今天天氣真好！</dfn> <dfn>今天天氣真好！</dfn></P>
<P> <cite>今天天氣真好！</cite> <I>今天天氣真好！</I></P>
<P> <small>今天天氣真好！</small> <FONT SIZE=-1>今天天氣真好！</FONT></P>
<P> <big>今天天氣真好！</big> <FONT SIZE=+1>今天天氣真好！</FONT></P>
<P> </P>
<PRE>
</PRE>
<P><!--################## Size & Style Tags Combination ########################--><A NAME="combi"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 指定“字體大小”的標記和“指定字體”的標記的組合使用</H2>
<PRE><i><font size=5>
<b>今天</b> 天氣<font size=6> 真好！</font>
</font></i></PRE>
<P><I><FONT SIZE=+2><B>今天</B> 天氣 </FONT><FONT SIZE=+3>真好！</FONT></I>
</P>
<PRE>
</PRE>
<P><!--################## Font Color ########################--><A NAME="fontcolor"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 字體顏色
</H2>
<P><!------16-------></P>
<H3>指定顏色 <font color=#> ... </font></H3>
<DL>
<DD>#=rrggbb 16 進制數碼，或者是下列預定義色彩：<BR>
<FONT COLOR="#000000">Black</FONT>, <FONT COLOR="#808000">Olive</FONT>,
<FONT COLOR="#008080">Teal</FONT>, <FONT COLOR="#FF0000">Red</FONT>, <FONT COLOR="#0000FF">Blue</FONT>,
<FONT COLOR="#800000">Maroon</FONT>, <FONT COLOR="#000080">Navy</FONT>,
<FONT COLOR="#808080">Gray</FONT>, <FONT COLOR="#00FF00">Lime</FONT>, <BR>
<FONT COLOR="#FF00FF">Fuchsia</FONT>, <FONT COLOR="#FFFFFF">White</FONT>,
<FONT COLOR="#008000">Green</FONT>, <FONT COLOR="#800080">Purple</FONT>,
<FONT COLOR="#C0C0C0">Silver</FONT>, <FONT COLOR="#FFFF00">Yellow</FONT>,
<FONT COLOR="#00FFFF">Aqua</FONT> </DD>
</DL>
<P><TT><font color=ffffff>White</font> & <BR>
<font color=white>White</font> </TT></P>
<P><FONT COLOR="#FFFFFF">White</FONT> & <FONT COLOR="#FFFFFF">White</FONT>
</P>
<PRE>
</PRE>
<P><!--################## Font Face ########################--><A NAME="fontface"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 客戶端字體(Font Face)
</H2>
<P><!------face-------></P>
<H3><font face="#, #, ..., #"> ... </font><BR>
#=客戶端可獲得的字體</H3>
<P><TT><font face="Arial, Helvetica"> Hellow World!</font>
</TT></P>
<P><FONT FACE="Arial, Helvetica">Hellow World!</FONT> </P>
<DL>
<DD><A HREF="samp/face.html">客戶端字體(Font Face)示例</A> </DD>
</DL>
<PRE>
</PRE>
<P><!--################## ENTITIES ########################--><A NAME="entities"></A></P>
<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 字符實體(Entities) </H2>
<P><!------ &keyword;-------></P>
<H3>&#; #=字符實體名稱 或者 ascii 值</H3>
<DL>
<H4>HTML2.0 的字符集</H4>
<PRE>&amp; &
&lt; <
&gt; >
&quot; "
</PRE>
</DL>
<H4><A HREF="entities.html#key20">HTML2.0
字符實體名稱列表</A></H4>
<H4><A HREF="entities.html#key32">HTML3.2
字符實體名稱列表</A></H4>
<H4><A HREF="entities.html#ISO">ISO
字符實體名稱列表</A></H4>
<PRE>
</PRE>
<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 + -