DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> HTML基礎:HTML字體標記及屬性
HTML基礎:HTML字體標記及屬性
編輯:關於HTML     

  我們在這裡將要談的是有關文字的標記,包括字體大小、顏色、字型...等變化,適當的應用可以增加頁面的美觀!

  常用字體標記

<Hn>...</Hn> 標題 ,設定標題字體大小, n = 1 ( 大 ) ~ 6 ( 小 ) 會自動跳下一行。通常用在如章節、段落等標題上。

如 : <H2> 標題 </H2>

標題

如 : <H3 ALIGN = CENTER> 標題 </H3> ( 標題置中 )

標題

<B>...</B> 粗體字 。

如 : <B> 粗體字 </B>

粗體字

<I>...</I> 斜體字 。

如 : <I> 斜體字 </I>
斜體字

<U>...</U> 加底線 。

如 : <U> 加底線 </U>
加底線

<DEL>...</DEL> 橫線 ( 表示刪除 )。

如 : <DEL> 橫線 </DEL>
橫線

<TT>...</TT> 打字體 ( 固定寬度文字 )。

如 : <TT> 打字體 </TT>
打字體

<SUP>...</SUP> 上標字 。

如 : 字體 <SUP> 上標字 </SUP>
字體 上標字

<SUB>...</SUB> 下標字 。

如 : 字體 <SUB> 下標字 </SUB>
字體 下標字

<!...> 注解 ( 不會顯示在浏覽器上 ),可以多行。

如 : <! 更新日期 : 2000/1/1>

設定字體大小、顏色、字型

有關設定文字的方法共有以下幾種 :

1.設定HTML文件主體文字顏色。<BODY>...</BODY>標記。

   如 : <BODY TEXT=RED>...</BODY> 或
      <BODY TEXT=#FF0000>...</BODY>

2.設定基本字體大小、顏色、字型。<BASEFONT>...</BASEFONT>標記。

3.設定字體大小、顏色、字型。<FONT>...</FONT>標記。

<BASEFONT>...</BASEFONT> 設定基本字體 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。

如 : <BASEFONT SIZE=4> 基本字體大小為 4 </BASEFONT>
基本字體大小為 4

如 : <BASEFONT COLOR =#FF0000> 設定顏色 </BASEFONT>
設定顏色

如 : <BASEFONT FACE = 標楷體 , 細明體 > 設定字型 </BASEFONT>
設定字型

<BIG>...</BIG> 基本字體加大 。

如 : <BASEFONT SIZE=4> 基本字體大小為 4,</BASEFONT>
<BIG> 加大為 5 </BIG>
基本字體大小為 4, 加大為 5

<SMALL>...</SMALL> 基本字體減小 。

如 : <BASEFONT SIZE=4> 基本字體大小為 4,</BASEFONT>
<SMALL> 減小為 3 </SMALL>
基本字體大小為 4, 減小為 3

<FONT>...</FONT> 設定字體大小、顏色、字型 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。

如 : <FONT SIZE=4> 字體大小為 4 </FONT>
字體大小為 4

如 : <BASEFONT SIZE=4> 基本字體大小為 4
<FONT SIZE= 1> 1字體大小為 5 </FONT>
<FONT SIZE=-2> -2字體大小為 2 </FONT>...</BASEFONT>
   基本字體大小為 4
  1字體大小為 5
    -2字體大小為 2

如 : <FONT COLOR =#FF0000> 設定顏色 </FONT>
設定顏色

如 : <FONT FACE = 標楷體 , 細明體 > 設定字型 </FONT>
設定字型

  注意事項

  1. 設定字體的大小分 : 絕對SIZE 如 : <FONT SIZE=4>
和 相對SIZE 如 : <FONT SIZE= 1> ( 以 BASEFONT 設定的字體大小做加減 )。

  2. 設定字體的顏色可以是顏色名稱或#RRGGBB表紅綠藍強度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是紅、綠、藍三原色,每一色由兩位十六進制的數值表示 ( 即十進制 0 ~ 255 )。
十六進制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。

  3. 設定字體的字型會按照順序找出顯示的字型,若找不到則以系統預設字型顯示。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved