📄 字体 标记.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0040)http://www.zjou.edu.cn/te/html/font.html -->
<HTML><HEAD><TITLE>HTML 语言教程</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY bgColor=#d4d4d4>
<H1 align=center>字体(FONT)标记(TAGS)</H1>
<HR>
<P><!--################## HEADER ########################--><A
name=header></A></P>
<H2><IMG height=20 alt=+ src="字体 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 标题字体(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><hn>---</hn> 这些标记自动插入一个空行，不必用 <p>
标记再加空行。<BR>因此在一行中无法使用不同大小的字体。 </LI></UL><PRE></PRE>
<P><!--################## FONT SIZE ########################--><A
name=font_size></A></P>
<H2><IMG height=20 alt=+ src="字体 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 字体大小</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 height=20 alt=+ src="字体 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 物理字体(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 height=20 alt=+ src="字体 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 逻辑字体(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 height=20 alt=+ src="字体 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 指定“字体大小”的标记和“指定字体”的标记的组合使用</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 height=20 alt=+ src="字体 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 字体颜色 </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 height=20 alt=+ src="字体 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 客户端字体(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="http://www.zjou.edu.cn/te/html/face.html"
tppabs="http://webclass/html/samp/face.html">客户端字体(Font Face)示例</A> </DD></DL><PRE></PRE>
<P><!--################## ENTITIES ########################--><A
name=entities></A></P>
<H2><IMG height=20 alt=+ src="字体 标记.files/br20t.gif" width=20 align=top
tppabs="http://webclass/html/br20t.gif"> 字符实体(Entities) </H2>
<P><!------ &keyword;-------></P>
<H3>&#; #=字符实体名称 或者 ascii 值</H3>
<DL>
<H4>HTML2.0 的字符集</H4><PRE>&amp; &
&lt; <
&gt; >
&quot; "
</PRE></DL>
<H4><A href="http://www.zjou.edu.cn/te/html/entities.html#key20"
tppabs="http://webclass/html/entities.html#key20">HTML2.0 字符实体名称列表</A></H4>
<H4><A href="http://www.zjou.edu.cn/te/html/entities.html#key32"
tppabs="http://webclass/html/entities.html#key32">HTML3.2 字符实体名称列表</A></H4>
<H4><A href="http://www.zjou.edu.cn/te/html/entities.html#ISO"
tppabs="http://webclass/html/entities.html#ISO">ISO 字符实体名称列表</A></H4><PRE></PRE><BR>
<HR>
<IMG height=58 alt="NCD HOME" hspace=3 src="字体 标记.files/angel-homeg.gif"
width=69 align=left vspace=10 border=0> <A
href="http://www.zjou.edu.cn/te/html/html.htm">(返回) HTML 语言教程：目录</A>
<BR></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -