?? html2.htm
字號:
<HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80"><META NAME="Generator" CONTENT="Microsoft Word 97"><TITLE>HTML語言教程之二：字體(FONT)標記</TITLE><META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot"><link rel="stylesheet" href="../../cpcw.css"></HEAD><BODY LINK="#0000ff" VLINK="#800080" background="../bg.gif"><table width="85%" border="0" align="center"> <tr bgcolor="#FFFFFF"> <td> <p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b>HTML語言教程之二：字體(FONT)標記</b></font></font></p> <p align="JUSTIFY"></p> <hr> <p> </p> <h2> 標題字體(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> 物理字體(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> 邏輯字體(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> 指定“字體大小”的標記和“指定字體”的標記的組合使用</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> 字體顏色 </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> 客戶端字體(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> 字符實體(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> <p> </p> <p align="left"> </p> <p align="CENTER"><a href="../homepage.htm"><font face="宋體" lang="ZH-CN">返回主頁</font></a> <a href="html1.htm">上一節</a> <a href="html3.htm">下一節</a></p> <font face="宋體" lang="ZH-CN"><p align="CENTER"><a href="http://www.cpcw.com">電腦報首頁</a> <a href="../index.htm">網絡學院首頁</a></p> </font></td> </tr></table></BODY></HTML>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -