📄 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" tppabs="http://www.yessir.net/html/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" tppabs="http://www.yessir.net/html/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" tppabs="http://www.yessir.net/html/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" tppabs="http://www.yessir.net/html/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" tppabs="http://www.yessir.net/html/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" tppabs="http://www.yessir.net/html/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" tppabs="http://www.yessir.net/html/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" tppabs="http://www.yessir.net/html/samp/face.html">客户端字体(Font Face)示例</A> </DD>
</DL>
<PRE>
</PRE>
<P><!--################## ENTITIES ########################--><A NAME="entities"></A></P>
<H2><IMG SRC="br20t.gif" tppabs="http://www.yessir.net/html/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" tppabs="http://www.yessir.net/html/entities.html#key20">HTML2.0
字符实体名称列表</A></H4>
<H4><A HREF="entities.html#key32" tppabs="http://www.yessir.net/html/entities.html#key32">HTML3.2
字符实体名称列表</A></H4>
<H4><A HREF="entities.html#ISO" tppabs="http://www.yessir.net/html/entities.html#ISO">ISO
字符实体名称列表</A></H4>
<PRE>
</PRE>
<P><!--################## (^^) Jump & Add (^^) ########################-->
<HR><A HREF="../../tppmsgs/msgs0.htm#1" tppabs="http://ncdesign.kyushu-id.ac.jp/"><IMG SRC="angel-homeg.gif" tppabs="http://www.yessir.net/html/angel-homeg.gif" ALT="NCD HOME" HSPACE=3 VSPACE=10 BORDER=0 HEIGHT=46 WIDTH=55 ALIGN=LEFT></A>
<B><A HREF="../../tppmsgs/msgs0.htm#2" tppabs="http://www.yessir.net/html_design.html">HTML
Design Guide Main Page<BR>
<NOBR></A></B><FONT FACE="'Times New Roman', Arial"><FONT SIZE=-1><A HREF="../../tppmsgs/msgs0.htm#8" tppabs="http://www.yessir.net/html/html_design.html#content">Contents</A>
|| <A HREF="page.html" tppabs="http://www.yessir.net/html/page.html">Page</A>
|| <A HREF="font.html" tppabs="http://www.yessir.net/html/font.html">Font</A>
|| <A HREF="text_style.html" tppabs="http://www.yessir.net/html/text_style.html">Text
Style</A> || <A HREF="image.html" tppabs="http://www.yessir.net/html/image.html">Image</A>
|| <A HREF="form.html" tppabs="http://www.yessir.net/html/form.html">Form</A>
|| <A HREF="table.html" tppabs="http://www.yessir.net/html/table.html">Table</A>
|| <A HREF="table02.html" tppabs="http://www.yessir.net/html/table02.html">Table
Advanced</A> <BR>
|| <A HREF="frame.html" tppabs="http://www.yessir.net/html/frame.html">Frames</A>
|| <A HREF="marquee.html" tppabs="http://www.yessir.net/html/marquee.html">Marquee</A>
|| <A HREF="inline.html" tppabs="http://www.yessir.net/html/inline.html">Alternative
Inline Elements</A> <BR>
</FONT><FONT SIZE=-2><A HREF="tag-index.html" tppabs="http://www.yessir.net/html/tag-index.html">Tag
Index</A> || <A HREF="new.html" tppabs="http://www.yessir.net/html/new.html">What's
New</A></FONT><FONT SIZE=-1> </FONT></FONT><BR clear=all>
</P>
<P>Network Communication Design<BR>
<A HREF="../../tppmsgs/msgs0.htm#1" tppabs="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 + -