📄 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>字体大小</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">#000000Black</font>, <font color="#808000">#808000Olive</font>,
<font color="#008080">#008080Teal</font>, <font color="#FF0000">#FF0000Red</font>,
<font color="#0000FF">#0000FFBlue</font>, <font color="#800000">#800000Maroon</font>,
<font color="#000080">#000080Navy</font>, <font color="#808080">#808080Gray</font>,
<font color="#00FF00">#00FF00Lime</font>, <br>
<font color="#FF00FF">#FF00FFFuchsia</font>, <font color="#FFFFFF">#FFFFFFWhite</font>,
<font color="#008000">#008000Green</font>, <font color="#800080">#800080Purple</font>,
<font color="#C0C0C0">#C0C0C0Silver</font>, <font color="#FFFF00">#FFFF00Yellow</font>,
<font color="#00FFFF">#00FFFFAqua</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></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>
<p> </p>
<p align="left"> </p>
<p align="CENTER"><a href="html1.htm">页面标记|</a>
<a href="html2.htm">字体标记|</a>
<a href="html3.htm">文字布局|</a>
<a href="html4.htm">图像标记|</a>
<a href="html5.htm">表单标记|</a>
<a href="html6.htm">表格标记|</a>
<a href="html7.htm">表格进阶|</a>
<a href="html8.htm">多窗口|</a>
<a href="html9.htm">移动文字|</a>
<a href="html10.htm">多媒体</a><br>
<a href="html1.htm">上一节</a> <a href="start.html">首页</a> <a href="html3.htm">下一节</a></p>
</td>
</tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -