HTML字体:修订间差异

来自站长百科
跳转至: 导航、​ 搜索
无编辑摘要
 
无编辑摘要
 
(未显示同一用户的2个中间版本)
第23行: 第23行:
<font color=red>演示示例:</font>
<font color=red>演示示例:</font>


<nowiki><font size=3>今天天气真好!</font></nowiki><font size=3>今天天气真好!</font>  
<nowiki><font size=3>站长百科WIKI欢迎你!</font></nowiki><font size=3>站长百科WIKI欢迎你!</font>  


<nowiki><font size=2>今天天气真好!</font></nowiki><font size=2>今天天气真好!</font>  
<nowiki><font size=2>站长百科WIKI欢迎你!</font></nowiki><font size=2>站长百科WIKI欢迎你!</font>  


<nowiki><font size=1>今天天气真好!</font></nowiki><font size=1>今天天气真好!</font>  
<nowiki><font size=1>站长百科WIKI欢迎你!</font></nowiki><font size=1>站长百科WIKI欢迎你!</font>  


''''字体风格''''
''''字体风格''''


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


<font color=red>演示示例:</font>
<font color=red>演示示例:</font>


<nowiki><b>今天天气真好!</b></nowiki> <b>今天天气真好!</b>  
<nowiki><b>站长百科WIKI欢迎你!</b></nowiki> <b>站长百科WIKI欢迎你!</b>  


<nowiki><i>今天天气真好!</i></nowiki><i>今天天气真好!</i>  
<nowiki><i>站长百科WIKI欢迎你!</i></nowiki><i>站长百科WIKI欢迎你!</i>  


<nowiki><u>今天天气真好!</u></nowiki><u>今天天气真好!</u>
<nowiki><u>站长百科WIKI欢迎你!</u></nowiki><u>站长百科WIKI欢迎你!</u>


<nowiki><tt>今天天气真好!</tt></nowiki><tt>今天天气真好!</tt>
<nowiki><tt>站长百科WIKI欢迎你!</tt></nowiki><tt>站长百科WIKI欢迎你!</tt>


<nowiki><sup>今天天气真好!</sup></nowiki><sup>今天天气真好!</sup>
<nowiki><sup>站长百科WIKI欢迎你!</sup></nowiki><sup>站长百科WIKI欢迎你!</sup>


<nowiki><sub>今天天气真好!</sub></nowiki><sub>今天天气真好!</sub>
<nowiki><sub>站长百科WIKI欢迎你!</sub></nowiki><sub>站长百科WIKI欢迎你!</sub>


<nowiki><s>今天天气真好!</s></nowiki><s>今天天气真好!</s>
<nowiki><s>站长百科WIKI欢迎你!</s></nowiki><s>站长百科WIKI欢迎你!</s>


<nowiki><strike>今天天气真好!</strike></nowiki><strike>今天天气真好!</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>


用颜色属性(color)来设定字体颜色。<br>
<nowiki><big>站长百科WIKI欢迎你!</big></nowiki><big>站长百科WIKI欢迎你!</big>




字体颜色代码请参见HTML颜色参考(HTML Color Reference)<br>
<font color=blue>客户端字体(Font Face) </font>


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


<p><font color="#FF0000">这一段的字体颜色是红色</font></p> <br>
示例代码如下:
 
<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>

2008年12月13日 (六) 14:58的最新版本

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