HTML字体

来自站长百科
跳转至: 导航、​ 搜索

在HTML里,可以用font这个元素及其属性来设定字体的大小,颜色和字体风格。

'标题字体(Header)'

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

<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

用字体大小属性(size)来设定字体的大小。

演示示例:

<font size=3>站长百科WIKI欢迎你!</font>站长百科WIKI欢迎你!

<font size=2>站长百科WIKI欢迎你!</font>站长百科WIKI欢迎你!

<font size=1>站长百科WIKI欢迎你!</font>站长百科WIKI欢迎你!

'字体风格'

物理字体(Physical Style)

演示示例:

<b>站长百科WIKI欢迎你!</b> 站长百科WIKI欢迎你!

<i>站长百科WIKI欢迎你!</i>站长百科WIKI欢迎你!

<u>站长百科WIKI欢迎你!</u>站长百科WIKI欢迎你!

<tt>站长百科WIKI欢迎你!</tt>站长百科WIKI欢迎你!

<sup>站长百科WIKI欢迎你!</sup>站长百科WIKI欢迎你!

<sub>站长百科WIKI欢迎你!</sub>站长百科WIKI欢迎你!

<s>站长百科WIKI欢迎你!</s>站长百科WIKI欢迎你!

<strike>站长百科WIKI欢迎你!</strike>站长百科WIKI欢迎你!

逻辑字体(Logical Style)

<em>站长百科WIKI欢迎你!</em>站长百科WIKI欢迎你!

<strong>站长百科WIKI欢迎你!</strong>站长百科WIKI欢迎你!

<code>站长百科WIKI欢迎你!</code>站长百科WIKI欢迎你!

<samp>站长百科WIKI欢迎你!</samp>站长百科WIKI欢迎你!

<dfn>站长百科WIKI欢迎你!</dfn>站长百科WIKI欢迎你!

<cite>站长百科WIKI欢迎你!</cite>站长百科WIKI欢迎你!

<small>站长百科WIKI欢迎你!</small>站长百科WIKI欢迎你!

<big>站长百科WIKI欢迎你!</big>站长百科WIKI欢迎你!


客户端字体(Font Face)

<font face="#, #, ..., #"> ... </font> #=客户端可获得的字体 用face属性来设定字体风格。

示例代码如下:

<font face="Arial, Helvetica"> 站长百科WIKI欢迎你!</font> 站长百科WIKI欢迎你!

<font fac="arial">这一段的字体风格是arial。</font>这一段的字体风格是arial。

字体颜色

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

示例代码如下:

<font color=Yellow>站长百科WIKI欢迎你</font>站长百科WIKI欢迎你

<font color=red>站长百科WIKI欢迎你</font>站长百科WIKI欢迎你