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> 標記再加空行。
    所以在一行中沒法使用不一樣大小的字體。
 
 
 

+ 字體大小

<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> 今每天氣真好!
 
 

+ 物理字體(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
 
 

+ 客戶端字體(Font Face)

 

<font face="#, #, ..., #"> ... </font>
#=客戶端可得到的字體

<font face="Arial, Helvetica"> Hellow World!</font>
Hellow World!
 
 
 

+ 字符實體(Entities)

&#; #=字符實體名稱 或者 ascii 值

HTML2.0 的字符集

&amp;           &
&lt;            <
&gt;            >
&quot;          "
相關文章
相關標籤/搜索