HTML字体:修订间差异

来自站长百科
跳转至: 导航、​ 搜索
无编辑摘要
无编辑摘要
第31行: 第31行:
''''字体风格''''
''''字体风格''''


<font color=blue>物理字体</font>
<font color=blue>物理字体(Physical Style)</font>


<font color=red>演示示例:</font>
<font color=red>演示示例:</font>
第51行: 第51行:
<nowiki><strike>站长百科WIKI欢迎你!</strike></nowiki><strike>站长百科WIKI欢迎你!</strike>
<nowiki><strike>站长百科WIKI欢迎你!</strike></nowiki><strike>站长百科WIKI欢迎你!</strike>


<font color=blue>逻辑字体(Logical Style) </font>


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


用face属性来设定字体风格。示例代码如下:<br>
<nowiki><strong>站长百科WIKI欢迎你!</strong></nowiki><strong>站长百科WIKI欢迎你!</strong>


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


<p><font fac="arial">这一段的字体风格是arial。</font></p><br>
<nowiki><samp>站长百科WIKI欢迎你!</samp></nowiki><samp>站长百科WIKI欢迎你!</samp>


演示示例<br>
<nowiki><dfn>站长百科WIKI欢迎你!</dfn></nowiki><dfn>站长百科WIKI欢迎你!</dfn>


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


字体颜色<br>
<nowiki><small>站长百科WIKI欢迎你!</small></nowiki><small>站长百科WIKI欢迎你!</small>
 
<nowiki><big>站长百科WIKI欢迎你!</big></nowiki><big>站长百科WIKI欢迎你!</big>
 
 
<font color=blue>客户端字体(Font Face) </font>
 
<nowiki>
<font face="#, #, ..., #"> ... </font>
#=客户端可获得的字体
</nowiki>
用face属性来设定字体风格。
 
示例代码如下:
 
<nowiki><font face="Arial, Helvetica"> 站长百科WIKI欢迎你!</font> </nowiki><font face="Arial, Helvetica"> 站长百科WIKI欢迎你!</font>
 
<nowiki><font fac="arial">这一段的字体风格是arial。</font></nowiki><font fac="arial">这一段的字体风格是arial。</font>
 
<font color=blue>字体颜色</font>
 
<nowiki>指定颜色 <font color=#> ... </font>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
</nowiki>
 
示例代码如下:
 
<nowiki><font color=Yellow>站长百科WIKI欢迎你</font></nowiki><font color=Yellow>站长百科WIKI欢迎你</font>
<nowiki><font color=red>站长百科WIKI欢迎你</font></nowiki><font color=red>站长百科WIKI欢迎你</font>  


用颜色属性(color)来设定字体颜色。<br>





2008年12月13日 (六) 14:57的版本

在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欢迎你


字体颜色代码请参见HTML颜色参考(HTML Color Reference)。


这一段的字体颜色是红色