清华大学图书馆主页 - INTERNET 教室 - HTML 语言教程

# 字体(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://www.newasp.net/
C&P 1994-2006 Xin Yun newasp.net@gmail.com