📄 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 + -