第二章字体(FONT)标记(TAGS)

最新推荐文章于 2024-11-09 09:30:16 发布

转载最新推荐文章于 2024-11-09 09:30:16 发布 · 262 阅读

文章标签：

#tags #header #html

WEB 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了HTML中的各种字体样式标记，包括标题字体、物理字体、逻辑字体等，并展示了如何使用这些标记来改变文本的外观，如大小、颜色及字体。

标题字体(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> 标记再加空行。
因此在一行中无法使用不同大小的字体。

物理字体(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;          "

第二章 字体(FONT)标记(TAGS)

标题字体(Header)

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

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

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

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

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

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

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

字体大小

<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#<basefont size=#> #=1, 2, 3, 4, 5, 6, 7