字体(FONT)标记(TAGS)

标题字体(Header)

<h#> ... </h#> #=1, 2, 3, 4, 5, 6

<h1>今天天气真好！</h1> 今天天气真好！

<h2>今天天气真好！</h2> 今天天气真好！

<h3>今天天气真好！</h3> 今天天气真好！

<h4>今天天气真好！</h4> 今天天气真好！

<h5>今天天气真好！</h5> 今天天气真好！

<h6>今天天气真好！</h6> 今天天气真好！

• <hn>---</hn> 这些标记显示黑体字。
• <hn>---</hn> 这些标记自动插入一个空行，不必用 <p> 标记再加空行。
  因此在一行中无法使用不同大小的字体。

 字体大小
 
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#,
-#

<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<font size=7>今天天气真好！</font> 今天天气真好！
 <font size=6>今天天气真好！</font> 今天天气真好！
 <font size=5>今天天气真好！</font> 今天天气真好！
 <font size=4>今天天气真好！</font> 今天天气真好！
 <font size=3>今天天气真好！</font> 今天天气真好！
 <font size=2>今天天气真好！</font> 今天天气真好！
 <font size=1>今天天气真好！</font> 今天天气真好！
 

 物理字体(Physical Style)
<b>今天天气真好！</b> 今天天气真好！
 <i>今天天气真好！</i> 今天天气真好！
 <u>今天天气真好！</u> 今天天气真好！
 <tt>今天天气真好！</tt> 今天天气真好！
 <sup>今天天气真好！</sup> 今天天气真好！
 <sub>今天天气真好！</sub> 今天天气真好！
 <s>今天天气真好！</s> 今天天气真好！
 <strike>今天天气真好！</strike> 今天天气真好！
 

 逻辑字体(Logical Style) 
<em>今天天气真好！</em> 今天天气真好！
 <strong>今天天气真好！</strong> 今天天气真好！
 <code>今天天气真好！</code> 今天天气真好！
 <samp>今天天气真好！</samp> 今天天气真好！
 <kbd>今天天气真好！</kbd> 今天天气真好！
 <var>今天天气真好！</var> 今天天气真好！
 <dfn>今天天气真好！</dfn> 今天天气真好！
 <cite>今天天气真好！</cite> 今天天气真好！
 <small>今天天气真好！</small> 今天天气真好！
 <big>今天天气真好！</big> 今天天气真好！
 

 指定“字体大小”的标记和“指定字体”的标记的组合使用
<i><font size=5>
        <b>今天</b> 天气<font size=6> 真好！</font>
</font></i>
今天 天气 真好！


 字体颜色


指定颜色 <font color=#> ... </font>

#=rrggbb 16 进制数码，或者是下列预定义色彩：

Black, Olive,
Teal, Red, Blue,
Maroon, Navy,
Gray, Lime, 

Fuchsia, White,
Green, Purple,
Silver, Yellow,
Aqua 

<font color=ffffff>White</font> & 

<font color=white>White</font> 
White & White


 客户端字体(Font Face)


<font face="#, #, ..., #"> ... </font>

#=客户端可获得的字体
<font face="Arial, Helvetica"> Hellow World!</font>

Hellow World! 

客户端字体(Font Face)示例 


 字符实体(Entities) 

&#; #=字符实体名称 或者 ascii 值

HTML2.0 的字符集
&amp;           &
&lt;            <
&gt;            >
&quot;          "


HTML2.0
字符实体名称列表
HTML3.2
字符实体名称列表
ISO
字符实体名称列表


HTML
Design Guide Main Page

Contents
|| Page
|| Font
|| Text
Style || Image
|| Form
|| Table
|| Table
Advanced 

|| Frames
|| Marquee
|| Alternative
Inline Elements 

Tag
Index || What's
New 


Network Communication Design

http://ncdesign.kyushu-id.ac.jp/

C&P 1994-1996 Yuriko Ienaga [email protected]