html 字体标记大全 标题字体、字体大小、物理字体、逻辑字体、字体颜色、客户端字体

字体标记大全

1 标题字体(Header)

<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<h1>今天天气真好!</h1> 
<h2>今天天气真好!</h2> 
<h3>今天天气真好!</h3> 
<h4>今天天气真好!</h4> 
<h5>今天天气真好!</h5> 
<h6>今天天气真好!</h6>

今天天气真好!

今天天气真好!

今天天气真好!

今天天气真好!

今天天气真好!
今天天气真好!

2 设置字体的大小

<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<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>

今天天气真好!
今天天气真好!
今天天气真好!
今天天气真好!
今天天气真好!
今天天气真好!
今天天气真好!

3 物理字体

明确指明了字体的类型,无论是何种浏览器,遇到这些表示文字的标签时,都用相同的方式进行显示,这些标签是属于物理意义上的标签

<b>今天天气真好!</b>粗体
<i>今天天气真好!</i>  斜体
<u>今天天气真好!</u>下划线
<tt>今天天气真好!</tt>电传打字,该标签可使浏览器用等宽字体来显示文本,从而产生一种电传打字机打印文字的效果。
<sup>今天天气真好!</sup>上标,将文字显示为上标
<sub>今天天气真好!</sub>下标,将文字显示为下标。
<s>今天天气真好!</s> 删除线,该标签在指定的文本上画一条删除线

今天天气真好!粗体
今天天气真好! 斜体
今天天气真好!下划线
今天天气真好!电传打字,该标签可使浏览器用等宽字体来显示文本,从而产生一种电传打字机打印文字的效果。
今天天气真好!上标,将文字显示为上标
今天天气真好!下标,将文字显示为下标。
今天天气真好! 删除线,该标签在指定的文本上画一条删除线

4 逻辑字体

使用了下面的这些标签后,你并不能像物理字体那样明确知道字体的显示方式,这些标签并不指明字体如何显示,而是让 Web 浏览器自行决定显示方式,不同的浏览器解释的效果可能就不一样,一般情况下浏览器是按下述的方式进行解释显示的,由于没有明确的物理规定,所以这类标签就叫逻辑标签:

<em>今天天气真好!</em>一般强调,通常以斜体显示。
<strong>今天天气真好!</strong>一般强调,通常以斜体显示。
<code>今天天气真好!</code>以等宽字体显示命令或计算机程序代码
<samp>今天天气真好!</samp>用于字母序列,用等宽字体显示。
<kbd>今天天气真好!</kbd>用粗体等宽字体显示文字。
<var>今天天气真好!</var>用较小的固定宽度字体显示字体,也可以表示一个程序变量。
<dfn>今天天气真好!</dfn>用于名词解释,通常用斜体来显示被解释的术语或名词缩写。
<cite>今天天气真好!</cite>用于标题文字,通常用斜体显示。
<small>今天天气真好!</small>缩小字体,比网页中的字体减少一号。
<big>今天天气真好!</big>放大字体,比网页中的缺省字体放大一号。
<strike>今天天气真好!</strike>删除线,用该标签的文字显示时均带有删除线。

今天天气真好!一般强调,通常以斜体显示。
今天天气真好!一般强调,通常以斜体显示。
今天天气真好!以等宽字体显示命令或计算机程序代码
今天天气真好!用于字母序列,用等宽字体显示。
今天天气真好!用粗体等宽字体显示文字。
今天天气真好!用较小的固定宽度字体显示字体,也可以表示一个程序变量。
今天天气真好!用于名词解释,通常用斜体来显示被解释的术语或名词缩写。
今天天气真好!用于标题文字,通常用斜体显示。
今天天气真好!缩小字体,比网页中的字体减少一号。
今天天气真好!放大字体,比网页中的缺省字体放大一号。
今天天气真好!删除线,用该标签的文字显示时均带有删除线。

5 字体颜色

指定颜色 <font color=#> ... </font>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<font color=Purple>Purple</font>
<font color=Green>Green</font>

Purple
Green

6 客户端字体

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

Leave a Reply

Your email address will not be published.