附錄 b HTML 標籤與屬性速查

<!
-- --> 標籤
 標籤用來在網頁上插入註解，而且註解不會顯示在瀏覽器。除了 

標籤之外，Netscape 瀏覽器和 Internet Explorer 瀏覽器亦支援另一個註解標籤－
<COMMENT>...</COMMENT>。
<!DOCTYPE> 標籤
<!DOCTYPE> 標籤用來宣告網頁的版本訊息， HTML 4.01 定義了三種 DTD

(document type definition)，當您撰寫 HTML 4.01 網頁時，必須宣告其中一種：
 HTML 4.01 Strict DTD：這種文件類型定義包含尚未過時且不出現在框架網

頁內的所有標籤與屬性，其宣告方式如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html40/strict.dtd">
EN表示DTD的語系為ENGLISH (英文)，http://www.w3.org/TR/html40 /loose.dtd

表示可以從該網址下載HTML 4.01 Strict DTD。
 HTML 4.01 Transitional DTD：這種文件類型定義包含 Strict DTD 和過時的所

有標籤與屬性，其宣告方式如下：

"http://www.w3.org/TR/html40/loose.dtd">
 HTML 4.01 Frameset DTD：這種文件類型定義包含 Transitional DTD 和出現在

框架網頁內的所有標籤與屬性，其宣告方式如下：

"http://www.w3.org/TR/html40/frameset.dtd">
B-2
HTML 標籤與屬性速查 B
<!DOCTYPE> 標籤的屬性如下：
 LANG = " language-code "：用來設定元件屬性值的語系或網頁內容的語系，

language-code 表示語系，例如我們可以宣告網頁將採用德文語系：
<HTML LANG="DE">
...網頁的標題、主體等內容放於此...
</HTML>
法文 (French) 、英文 (English) 、美式英文、德文 (German) 、義大利文

(Italian)、荷蘭文 (Dutch)、希臘文 (Greek)、西班牙文 (Spanish)、希伯來文
(Hebrew) 、阿拉伯文 (Arabic) 、俄文 (Russian) 、中文 (Chinese) 、日文
(Japanese)、北印度文 (Hindi)、梵文 (Sanskirt) 的 language-code 分別為FR、
EN、 EN-US、DE、IT、NL、EL、ES、HE、AR、RU、ZH、JA、HI、SA。
如果您要查詢其它語系的 language-code ，可以到網
址http://www.sil.org/sgml/iso639a.html查詢。
 DIR = "{LTR, RTL}"：用來設定文字的方向，它的值有 LTR 和 RTL 兩種，

前者表示 Left-To-Right (由左向右)，後者表示 Right-To-Left (由右向左)。舉
例來說，如果要表示希伯來文的引號，可以寫成 <Q LANG="HE"
DIR="RTL">...a Hebrew Quote...</Q>。
在使用 <!DOCTYPE> 標籤時，請注意下列事項：
 HTML 語法中有個名稱為 DIR 的標籤，用途是製作目錄清單，切勿和 DIR

屬性混為一談。
 HTML 2、 3.2、4.0 版本宣告為 <!DOCTYPE HTML PUBLIC "-//W3C//DTD

HTML 2//EN"> 、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2
Final//EN">、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4 Final//EN">。
B-3
<A>...</A> 標籤
<A>...</A> 標籤用來在網頁上插入超連結，其屬性如下：
 ACCESSKEY = "..."：設定超連結的存取按鍵。
 CHARSET = "..."：設定超連結的字元編碼方式。
 COORDS = " x1, y1, x2, y2"：設定影像地圖的熱點座標。
 HREF = " URL"：設定超連結所連結之文件的相對或絕對位置。

例如：<A HREF="Home.htm">回首頁</A>
 HREFLANG = " language-code "：設定 HREF 屬性值的語系。
 NAME = "..."：設定書籤 (bookmark) 名稱。
 REL = "..."：從目前文件到 HREF 指定文件之間的關聯。

例如：<A REL="NEXT" HREF="Nextpage.htm">
 REV = "..."：從 HREF 指定文件到目前文件之間的關聯。

例如：<A REV="PREVIOUS" HREF="Backpage.htm">。
 SHAPE = "{RECT, CIRCLE, POLY}"：設定影像地圖的熱點形狀 (矩形、圓

形、多邊形)。
 TABINDEX = " n"：設定 <A>...</A> 元件在網頁上的 [TAB] 鍵順序，也就

是當瀏覽者按 [TAB] 鍵時，游標在 <A>...</A> 元件跳躍的順序，設定範
圍在 1 ~ 999，數字愈小，順序愈高。
 TARGET = "..."：設定目標框架的名稱 (用於框架網頁)。
 TYPE = "..."：設定內容類型 (content type)。
 這個標籤亦接受 CLASS、ID、STYLE、TITLE、LANG、DIR、onClick、onDblClick、
onMouseDown 、 onMouseUp 、 onMouseOver 、 onKeyUp 、 onMouseMove 、
onMouseOut、onKeyPress、onKeyDown、onFocus、onBlur 等屬性。
B-4
<ABBR>...</ABBR> 標籤
<ABBR>...</ABBR> 標籤用來將字串以縮寫方式顯示。
例如：<ABBR>縮寫，如 HTTP</ABBR> 會得到。
<ACRONYM>...</ACRONYM> 標籤
<ACRONYM>...</ACRONYM> 標籤用來將字串以頭字語方式顯示。
例如：<ACRONYM>頭字語 Acronym</ACRONYM> 會得到。
<ADDRESS>...</ADDRESS> 標籤
如果在文字前後分別加上開始標籤 <ADDRESS> 和結束標籤 </ADDRESS>，文

字將換行並變成斜體。請注意，<ADDRESS> 標籤通常用來標示住址，如果只
是想設定斜體或強迫換行，可以使用 <I>...</I> 或 <BR> 標籤。
<ADDRESS>...</ADDRESS> 標籤的屬性和 <H1>...<H1> 標籤相同，請參閱
<H1>...<H1> 標籤的屬性說明。
<APPLET>...</APPLET> 標籤
<APPLET>...</APPLET> 標籤用來在網頁上插入 Java applets，其屬性如下：
 ALIGN = "{LEFT, RIGHT, CENTER}"：設定 Java applets 的水平對齊方式。
 ALT = "..."：設定 Java applets 的替代顯示文字。
 CODE = " URL "：設定 Java bytecode 檔案的相對或絕對位置。
 CODEBASE = " URL"：設定存放 Java class 檔案的路徑。
 HEIGHT = " n"：設定 Java applets 的高度 ( n 為像素點數)。
 HSPACE = " n"：設定 Java applets 的水平間距 ( n 為像素點數)。
B-5
 NAME = "..."：設定 Java applets 的名稱，以供其它程式識別。
 PARAM NAME = "..."：設定 Java applets 的參數。
 VSPACE = " n"：設定 Java applets 的垂直間距 ( n 為像素點數)。
 WIDTH = " n"：設定 Java applets 的寬度 ( n 為像素點數)。
 這個標籤亦接受 TITLE、LANG、DIR、onClick、onDblClick、onMouseDown、
onMouseUp、onMouseOver、onKeyUp、onMouseMove、onMouseOut、onKeyPress、
onKeyDown 等屬性。
<AREA> 標籤
<AREA> 標籤用來描述瀏覽器端影像地圖的熱點相關資訊，其屬性如下：
 ALT = "..."：設定熱點的替代顯示文字。
 COORDS = " x1, y1, x2, y2"：設定熱點的座標。
 HREF = " URL"：設定熱點所連結的文件。
 NOHREF：設定沒有連結至任何文件的熱點。
 NOTAB：設定無法使用 [TAB] 鍵切換的熱點。
 SHAPE = {RECT, CIRCLE, POLY}"：設定熱點的形狀 (矩形、圓形、多邊形)。
 TABINDEX = " n"：設定熱點的 [TAB] 鍵順序 (1 ~ 999，愈小順序愈高)。
 TARGET = "..."：設定用來顯示熱點的目標框架名稱。
 這個標籤亦接受 DIR、LANG、CLASS、ID、STYLE、TITLE 等屬性。
<B>...</B> 標籤
<B>...</B> 標籤用來將字串以粗體方式顯示。
例如：<B>粗體 Bold</B> 會得到。
B-6
<BASE> 標籤
在網頁上，無論是連結到圖片、檔案或樣式表的超連結，都得靠 URL 來設定路

徑，而且為了方便起見，我們通常是把所有檔案放在相同資料夾，然後採用相對
URL 來表示超連結的位置。如果有一天我們把所有檔案搬移到其它資料夾，那麼
相對 URL 是否要一一修正呢？其實不用，只要使用 <BASE> 標籤設定相對 URL
的相對位置就可以了。舉例來說，假設我們在 <HEAD> 區塊內加上 <BASE
HREF="http://www.happy.com.tw/product/default.htm"> 設定相對位置，那麼相對 URL
"../books/internet.htm" 的實際位置為 "http://www.happy.com.tw/books/internet.htm"。
<BASE> 標籤的屬性如下：
 HREF = " URL"：設定相對 URL 的絕對位置。
<BASEFONT> 標籤
<BASEFONT> 標籤用來變更網頁預設的字型、色彩、大小，例如 <BASEFONT

SIZE="5" COLOR="Maroon" FACE="華康行書體">，其屬性和 <FONT>...</FONT>
標籤相同，請參閱 <FONT>...</ONT> 標籤的屬性說明。
<BDO>...</BDO> 標籤
<BDO>...</BDO> 標籤用來設定文字的方向，例如 <BDO="RTL">1234</BDO> 的

意義是由右向左顯示這串數字。<BDO>...</BDO> 標籤接受 LANG 和 DIR 兩個屬
性，請參閱 <!DOCTYPE> 標籤的屬性說明。
<BGSOUND> 標籤
這是 Internet Explorer 瀏覽器專用的標籤，用來插入背景音樂，只有 Internet

Explorer 瀏覽器才能解譯這個標籤，因此，倘若是以 Netscape 瀏覽器來瀏覽包含
<BGSOUND> 標籤的網頁，將沒有任何效果。
B-7
<BGSOUND> 標籤的屬性如下：
 SRC = " URL"：設定音效檔的相對或絕對位置。
 LOOP = " n "：設定播放次數，倘若輸入 -1，表示無限次。
<BIG>...</BIG> 標籤
<BIG>...</BIG> 標籤用來將字串以大字型方式顯示。
例如：<BIG>BIG</BIG>FONT 會得到。
<BLOCKQUOTE>...</BLOCKQUOTE> 標籤
如果在文字前後分別加上開始標籤 <BLOCKQUOTE> 和結束標籤
</BLOCKQUOTE>，文字將換段並左右縮排。<BLOCKQUOTE>... </BLOCKQUOTE>
標籤接受 LANG、 DIR 、 CLASS 、 ID、 STYLE、 TITLE、 onClick、 onDblClick、
onMouseDown、onMouseUp、onMouseOver、onMouseMove、onMouseOut、onKeyPress、
onKeyDown、onKeyUp 等屬性。
<BODY>...</BODY> 標籤
<BODY>...</BODY> 標籤用來設定網頁的主體，包括文字、圖片、影像、動畫、
色彩、音效…，其屬性如下：
 ALINK = "#RRGGBB " 或 "..."：設定超連結文字被選取時的色彩。
 BACKGROUND = " URL"：設定背景圖片的相對或絕對位置。
 BGCOLOR = "# RRGGBB " 或 "..."：設定網頁的背景色彩。
 BGPROPERTIES = "FIXED"：設定背景圖片為浮水印 (僅適用於 IE)。
 CLASS = "..."：設定 <BODY>...</BODY> 標籤的樣式類別。
 ID = "..."：設定 <BODY>...</BODY> 標籤的 ID 識別字。
B-8
 LEFTMARGIN = " n"：設定網頁的左邊界大小 ( n 為像素點數，僅適用於 IE)。
 LINK = "#RRGGBB " 或 "..."：設定尚未瀏覽過之超連結文字的色彩。
 SCROLL = "{YES, NO}"：設定是否要顯示網頁的捲軸 (僅適用於 IE 4)。
 STYLE = "..."：設定 <BODY>...</BODY> 標籤的樣式表命令。
 TEXT = "#RRGGBB " 或 "..."：設定網頁上的文字色彩。
 TITLE = "..."：設定 <BODY>...</BODY> 標籤的標題，可以做為提示文字。
 TOPMARGIN = " n"：設定網頁的上邊界大小 ( n 為像素點數，僅適用於 IE)。
 VLINK = "#RRGGBB " 或 "..."：設定已經瀏覽過之超連結文字的色彩。
 這個標籤亦接受 LANG、DIR、onLoad、 onUnLoad、 onClick、 onDblClick、

onMouseDown 、 onMouseUp 、 onMouseOver 、 onMouseMove 、 onMouseOut 、
onKeyPress、onKeyDown、onKeyUp 等屬性。
 ID 屬性用來設定一個識別字給元件，而且該識別字在網頁上必須是唯一的。ID
屬性所扮演的角色可以是樣式表選擇器、超連結的目標或 script 所參照的元件。
 BGPROPERTIES、 LEFTMARGIN、 SCROLL、 TOPMARGIN 四個屬性僅適用

於 IE。此外，"#RRGGBB" 代表的是色彩的三原色值 (紅、綠、藍)。
<BR> 標籤
有時我們可能只想將文字強迫換行，而不想另起段落，那麼可以在要強迫換行
的文字前面加上 <BR> 標籤。<BR> 標籤接受 CLASS、ID、STYLE、TITLE 和
CLEAR="{ALL, LEFT, RIGHT, NONE}" 五個屬性，其中 CLEAR 屬性是在做文繞
圖的時候，用來設定做強迫換行的文字應該從哪個位置開始顯示。
B-9
<BUTTON>...</BUTTON> 標籤
<BUTTON>...</BUTTON> 標籤用來在表單中插入按鈕，如果搭配 <IMG> 標
籤，則可以插入圖片按鈕，其屬性如下：
 ACCESSKEY="..."：設定按鈕的按鍵順序。
 DISABLED：取消按鈕的功能。
 NAME="..."：設定按鈕的名稱 (限英文且唯一)，這個名稱不會顯示在網頁
上，但可以做為後端處理之用，供 scripts、表單處理程式使用。
 TYPE="{SUBMIT, RESET, BUTTON}"：設定按鈕的類型。SUBMIT 表示為提

交按鈕，當瀏覽者點取提交按鈕時，表單資訊會被傳回 Web 伺服器；RESET
表示為重新輸入按鈕，當瀏覽者點取重新輸入按鈕時，表單資訊會被清除
或恢復至預設的狀態；BUTTON 表示為一般按鈕，無特殊用途，但可以另
外設定 scripts、applets 等處理程式。
 VALUE="..."：設定按鈕的預設值。
 這個標籤亦接受 CLASS、ID、STYLE、TITLE、LANG、DIR、onFocus、onBlur、
onClick、onDblClick、onMouseDown、onMouseUp、onMouseOver、onMouseMove、
onMouseOut、onKeyPress、onKeyDown、onKeyUp 等屬性。
<CAPTION>...</CAPTION> 標籤
<CAPTION>...</CAPTION> 標籤用來設定表格的標題，而且標題可以是文字，也
可以是圖片 ( 須搭配 <IMG> 標籤 ) 。 <CAPTION>...</CAPTION> 標籤接受
ALIGN="{LEFT,RIGHT,TOP,BOTTOM}" (設定表格標題的位置－左、右、上、下)、
CLASS、ID、STYLE、LANG、DIR、onClick、onDblClick、onMouseDown、onMouseUp、
onMouseOver 、 onKeyUp 、 onMouseMove 、 onMouseOut 、 onKeyPress 、 onKeyDown
等屬性。
B-10
<CITE>...</CITE> 標籤
<CITE>...</CITE> 標籤用來將字串以引用文字方式顯示。
例如：<CITE>引用 Citation</CITE> 會得到。
<CODE>...</CODE> 標籤
<CODE>...</CODE> 標籤用來將字串以程式碼方式顯示。
例如：<CODE>程式碼 Code</CODE> 會得到。
<COL> 標籤
<COL> 標籤用來設定一欄的格式，須與 <COLGROUP>...</COLGROUP> 標籤合

併使用。<COL> 標籤的屬性和 <COLGROUP>...</COLGROUP> 標籤相同，請參
閱 <COLGROUP>...</COLGROUP> 標籤的屬性說明，要特別說明的是它的
SPAN=" n" 屬性，這個屬性允許我們將連續 n 個欄一起設定格式。
<COLGROUP>...</COLGROUP> 標籤
<COLGROUP>...</COLGROUP> 標籤可以針對表格的欄做分組，也就是將表格的
幾個欄視為一組，然後設定每一組的格式，這樣就可以一次設定幾個欄的格式，
其屬性如下：
 ALIGN = "{LEFT, RIGHT, CENTER, JUSTIFY, CHAR}"：設定儲存格內容的水

平對齊方式 (靠左、靠右、置中、左右對齊、對齊設定的字元)。
 BGCOLOR = "#RRGGBB "：設定儲存格的背景色彩。
 CHAR = "..."：設定儲存格要對齊的字元 (若 ALIGN="CHAR")。
 CHAROFF = " n"：設定儲存格要對齊的字元是從左邊數來第幾個。
 SPAN = " n"：設定將連續 n 個欄視為一組，好一起設定格式。
B-11
 VALIGN = "{TOP, MIDDLE, BOTTOM, BASELINE}"：設定儲存格內容的垂直
對齊方式 (靠上、中央、靠下、基線)。
 WIDTH = " n"：設定儲存格的寬度 (像素點數或視窗的縮放百分比) 。
 這個標籤亦接受 CLASS 、 ID、 STYLE 、 TITLE 、 LANG 、 DIR 、 onClick 、

onDblClick 、 onMouseDown 、 onMouseUp 、 onMouseOver 、 onKeyUp 、
onMouseMove、onMouseOut、onKeyPress、onKeyDown 等屬性。
<COMMENT>...</COMMENT> 標籤
<COMMENT>...</COMMENT> 標籤和  標籤的功能一樣，用來在網頁上

插入註解，而且註解不會顯示在瀏覽器。只有 Netscape 瀏覽器和 Internet Explorer
瀏覽器才支援 <COMMENT>...</COMMENT> 標籤。
<DD>...</DD> 標籤
<DD>...</DD> 標籤屬於定義清單標籤，用來設定第二層資料，接受 CLASS、ID、

STYLE、TITLE、LANG、DIR、onClick、onDblClick、onMouseUp、 onMouseUP、
等屬性。
<DEL>...</DEL> 標籤
<DEL>...</DEL> 標籤用來設定要刪除網頁上的哪些內容，其屬性如下：
 CITE = " URL"：設定一個文件或訊息，用來說明插入或刪除資料的原因。
例如：<INS CITE="http://www.w3.org">HTML4 已經使用超過兩年了</INS>。
 DATETIME = "..."：設定在網頁上插入或刪除資料的時間，時間格式為
YYYY-MM-DDThh:mm:ssTZD，例如 2000-01-01T15:30:00 代表的是西元 2000
年 1 月 1 日格林威治時間下午三點三十分。
B-12
例如：天數剩下<DEL DATETIME="2000-02-14T00:00:00">2</DEL>。
<INS DATETIME="2000-02-14T00:00:00">1</INS>天
說明：當日期超過 2000 年 2 月 14 日零點零分零秒，就刪除 2 再插入 1，換

句話說，天數由原來的剩下 2 天，變成剩下 1 天。
 這個標籤亦接受 CLASS 、 ID 、 STYLE 、 TITLE 、 LANG 、 DIR 、 onClick 、

<DFN>...</DFN> 標籤
<DFN>...</DFN> 標籤用來將字串以定義文字方式顯示。
例如：<DFN>定義 Definition</DFN> 會得到。
<DIV>...</DIV> 標籤
<DIV>...</DIV> 標籤用來將設定的樣式類別套用到 <DIV>...</DIV> 標籤之間
的段落或區塊，其屬性如下：
 NOWRAP：取消段落或區塊內的換行。
 ALIGN = "{LEFT, CENTER, RIGHT, JUSTIFY}"：設定 <DIV>...</DIV> 標籤之

間的段落或區塊的對齊方式 (靠左、置中、靠右、左右對齊)。
 CLASS = "..."：設定 <DIV>...</DIV> 標籤要套用的樣式類別。
 ID = "..."：設定 <DIV>...</DIV> 標籤的 ID 識別字。
 STYLE = "..."：設定 <DIV>...</DIV> 標籤的樣式表命令。
 TITLE = "..."：設定 <DIV>...</DIV> 標籤的標題，可以做為提示文字。
 這個標籤亦接受 LANG 、 DIR 、 onClick 、 onDblClick 、 onMouseDown 、

onMouseUp 、 onMouseOver 、 onMouseMove 、 onMouseOut 、 onKeyPress 、
B-13
<DIR>...</DIR> 標籤
<DIR>...</DIR> 標籤只要配合 <LI>...</LI> 標籤，就可以將資料製作成目錄清

單，目前已經比較少人使用 <DIR>...</DIR> 標籤製作清單，因為它可以被
<UL>...</UL> 標籤所取代。
<DIR>...</DIR> 標籤接受 COMPACT (以緊縮格式顯示)、CLASS、ID、STYLE、

TITLE、LANG、DIR、onClick、onDblClick、onMouseDown、onMouseUp、onMouseOver、
onKeyUp、onMouseMove、onMouseOut、onKeyPress、onKeyDown 等屬性。
<DL>...</DL> 標籤
<DL>...</DL> 標籤屬於定義清單標籤，用來設定定義清單的開頭與結尾。
<DL>...</DL> 標籤接受 COMPACT 屬性 (以緊縮格式顯示)、CLASS、ID、STYLE、
TITLE、LANG、DIR、onClick、onDblClick、onMouseDown、onMouseUp、onMouseOver、
onDeyUp、onMouseMove、onMouseOut、onKeyPress、onKeyDown 等屬性。
<DT>...</DT> 標籤
<DT>...</DT> 標籤屬於定義清單標籤，用來設定第一層資料。<DT>...</DT> 標
籤接受 CLASS 、 ID 、 STYLE 、 TITLE 、 LANG 、 DIR 、 onClick 、 onDblClick 、
onMouseDown、onMouseUp、onMouseOver、onDeyUp、onMouseMove、onMouseOut、
onKeyPress、onKeyDown 等屬性。
<EBMED> 標籤
<EMBED> 標籤用來在網頁上插入物件，例如影像檔。由於 <EMBED> 標籤僅適用

於 Netscape Communicator 和 Internet Explorer ，因此，我們建議您盡量以
<OBJECT>...</OBJECT> 標籤取代 <EMBED> 標籤。其屬性如下：
 ALIGN = "{LEFT, RIGHT, CENTER, ABSBOTTOM, ABSMIDDLE, BASELINE,

BOTTON, TEXTTOP,TOP}"：設定物件的對齊方式，這些屬性值和 <IMG> 標
籤相似。
B-14
 ACCESSKEY = "..."：設定物件的存取按鍵。
 AUTOSTART = "{TRUE, FALSE}"：設定是否要自動播放，TRUE 表示要自動

播放，FALSE 則不要，預設為 TRUE。
 HEIGHT = " n"：設定物件的高度 (使用 UNITS 屬性設定的度量單位)。
 HIDDEN：設定將物件隱藏起來。
 LOOP = " n "：設定播放次數，如果輸入 -1 或 TRUE，表示無限多次。
 NAME = "..."：設定物件的名稱，以供 scripts 或其它程式呼叫。
 PALETTE = "#RRGGBB |#RRGGBB "：設定物件的前景及背景色彩。
 SRC = " URL"：設定物件的相對或絕對位置。
 UNITS = "{PIXELS, EN}"：設定 HEIGHT 和 WIDTH 屬性的度量單位。
 WIDTH = " n"：設定物件的寬度 (使用 UNITS 屬性設定的度量單位)。
 這個標籤亦接受 TITLE、DIR、LANG、onClick、onDblClick、onMouseDown、
onMouseUp、onMouseOver、onKeyUp、onMouseMove、onMouseOut、onKeyPress、
onKeyDown 等屬性。
<EM>...</EM> 標籤
<EM>...</EM> 標籤用來將字串以強調斜體顯示。
例如：<EM>強調斜體 Emphasized</EM> 會得到。
<FIELDSET>...</FIELDSET> 標籤
<FIELDSET>...</FIELDSET> 標籤用來將設定的表單欄位框起來，接受 CLASS、

ID、SYTLE、TITLE、DIR、LANG、onClick、onDblClick、onMouseDown、onMouseUp、
等屬性。
B-15
<FONT>...</FONT> 標籤
<FONT>...</FONT> 標籤用來改變字串的字型、文字色彩與大小，其屬性如下：
 COLOR = "#RRGGBB " 或 "…"：預設的字體顏色為黑色，您可以使用這個

屬性設定字體顏色。
 FACE = "…"：預設的字型為細明體，您可以使用這個屬性設定字型。
 SIZE = "{1, 2, 3, 4, 5, 6, 7}"：HTML 定義的字體大小有 1 ~ 7 級，預設的級數

為 3，您可以使用這個屬性設定字體大小。
 這個標籤亦接受 LANG、DIR、CLASS、ID、STYLE、TITLE 等屬性。
<FORM>...</FORM> 標籤
<FORM>...</FORM> 標籤用來在網頁中插入表單，其屬性如下：
 ACCEPT-CHARSET="..."：設定表單資訊的字元編碼方式，Web 伺服器必須
根據設定的字元編碼方式處理表單資訊。字元編碼方式定義於 RFC2045 (超
過一個的話，中間以逗號隔開)，例如 ACCEPT-CHARSET="ISO-8859-1"。
 ACCEPT="..."：設定 MIME 類型 (超過一個的話，中間以逗號隔開)，做為

Web 伺服器處理表單資訊的根據，例如 ACCEPT="image/gif, image/jpeg"。
 ACTION=" URL "：設定表單處理程式的相對或絕對位置，如果要將表單資訊

傳送到電子郵件地址，可以設定電子郵件地址的 URL ；如果沒有設定
ACTION 屬性的值，表示使用預設的表單處理程式，例如
ACTION="handler.php"、ACTION="mailto:jeanchen@mail.ht.net.tw"。
 ENCTYPE="..."：設定將表單資訊傳回 Web 伺服器所採用的編碼方式，預設

值為 "application/x-www-form-urlencoded"，如果允許瀏覽者上傳檔案給 Web
伺服器，那麼 ENCTYPE 屬性的值要設定為 "multipart/form-data"；如果要將
表單資訊傳送到電子郵件地址，那麼 ENCTYPE 屬性的值要設定為
"text/plain"。
B-16
 METHOD="{GET,POST}"：設定表單資訊傳送給表單處理程式的方式，當
METHOD="GET" 時，表單資訊會被存放在 HTTP GET 變數 ($_GET)，表單
處理程式可以藉由這個變數取得表單資訊；當 METHOD="POST" 時，表單
資訊會被存放在 HTTP POST 變數 ($_POST)，表單處理程式可以藉由這個
變數取得表單資訊；如果沒有設定 METHOD 屬性的值，表示為 GET。
 NAME="..."：設定表單的名稱 (限英文且唯一)，供 scripts、表單處理程式使用。
 TARGET="..."：設定用來顯示表單處理程式之結果的目標框架。
 onSubmit="..."：設定當瀏覽者傳送表單時所要執行的 script。
 onReset="..."：設定當瀏覽者清除表單時所要執行的 script。

onDblClick 、 onMouseDown 、 onMouseUp 、 onMouseOver 、 onMouseMove 、
<FRAME> 標籤
<FRAME> 標籤用來定義框架網頁內某個框架的來源網頁和屬性，它必須放在
<FRAMESET>...</FRAMESET> 標籤之間，其屬性如下：
 BORDER = " n"：設定框架的框線大小 (如果 BORDER="0"，表示無框線)。
 BORDERCOLOR = "..."：設定框架的框線色彩。
 FRAMEBORDER = "{1, 0}"：設定是否顯示框架的框線 (1 表示顯示，0 表示

不顯示)。
 MARGINHEIGHT = " n"：設定框架的上下邊界大小 ( n 為像素點數)。
 MARGINWIDTH = " n"：設定框架的左右邊界大小 ( n 為像素點數)。
 NAME = "..."：設定框架的名稱。
 NORESIZE：不允許瀏覽者以滑鼠拖曳邊框的方式改變框架的大小。
 SCROLLING = "{YES, NO, AUTO}"：設定是否顯示框架的捲軸。
 SRC = " URL"：設定框架的來源網頁的相對或絕對位置。
B-17
<FRAMESET>...</FRAMESET> 標籤
<FRAMESET>...</FRAMESET> 標籤包含框架網頁的定義及各個框架的間距、維
數、屬性等，其屬性如下：
 BORDER = " n"：設定框架網頁內每個框架的框線大小 ( n 為像素點數)。
 BORDERCOLOR = "..."：設定框架網頁內每個框架的框線色彩。
 COLS = "..."：設定框架網頁內的垂直框架，COLS 屬性的值可以設定為垂直

框架的數目，也可以設定為垂直框架的寬度 (像素點數或視窗比例並以逗
號隔開)。
 FRAMESPACING = " n "：設定相鄰框架的間距 (僅適用於 IE 4)。
 ROWS = "..."：設定框架網頁內的水平框架，ROWS 屬性的值可以設定為水

平框架的數目，也可以設定為水平框架的高度 (像素點數或視窗比例並以
逗號隔開)。
 onLoad = "..."：設定在瀏覽器載入網頁或所有框架後所要執行的 script。
 onUnload = "..."：設定在瀏覽器移除視窗或框架內的網頁後所要執行的
script。例如 <FRAMESET COLS="10%,100,*">...</FRAMESET> 可以將網頁分
割為左中右三個框架，左方框架的寬度為瀏覽器寬度的 10%，中間框架的寬
度為 100 像素點，下方框架的寬度為瀏覽器剩餘的寬度。
<H1>...</H1> 標籤
HTML 提供六種層次的標題格式 <H1>...</H1>、 <H2>...</H2>、 <H3>...</H3>、

<H4>...</H4>、<H5>...</H5>、<H6>...</H6>，其中以 <H1>...</H1> (標題 1) 的字
體最大，<H6>...</H6> (標題 6) 的字體最小，接受 ALIGN="{LEFT,CENTER,RIGHT}"
(標題文字向左對齊、置中或向右對齊)、CLASS、ID、SYTLE、TITLE、DIR、LANG、
onClick 、 onDblClick 、 onMouseDown 、 onMouseUp 、 onMouseOver 、 onKeyUp 、
B-18
<HEAD>...</HEAD> 標籤
<HEAD>...</HEAD> 標籤包含網頁的相關資訊，例如網頁的標題、樣式定義、
網頁使用的 scrips、對搜尋引擎有幫助的關鍵字。當我們撰寫網頁時，<HEAD> 標
籤是放在 <HTML> 標籤的後面，而且是成對出現，也就是必須加上結束標籤
</HEAD>。其屬性如下：
 PROFILE = " URL"：設定資料設定檔 (meta data profile) 的位置，當資料設定

檔超過一個時，以空白字元隔開。
 這個標籤亦接受 LANG 和 DIR 兩個屬性。
<HR> 標籤
<HR> 標籤用來在網頁上插入水平線，其屬性如下：
 ALIGN = "{LEFT, CENTER, RIGHT}"：水平線向左對齊、置中或向右對齊。
 COLOR = "#RRGGBB " 或 "..."：設定水平線的色彩。
 NOSHADE：設定沒有陰影的水平線。
 SIZE = " n"：設定水平線的高度 ( n 為像素點數) 。
 WIDTH = " n"：設定水平線的寬度 ( n 為像素點數或視窗的縮放比例)。

<HTML>...</HTML> 標籤
<HTML>...</HTML> 標籤用來識別 HTML 網頁，其實如果網頁內已經有
<!DOCTYPE> 標籤，那麼 <HTML> 標籤就是多餘的，有這個標籤的存在，主
要是考慮到不支援 <!DOCTYPE> 標籤的瀏覽器。當我們撰寫 HTML 網頁時，
<HTML> 標籤是放在 <!DOCTYPE> 標籤的後面，而且是成對出現，也就是必
須加上結束標籤 </HTML>。這個標籤接受 LANG 和 DIR 兩個屬性。
B-19
<I>...</I> 標籤
<I>...</I> 標籤用來將字串以斜體顯示，例如 <I>斜體 Italic</I> 會得到。
<IFRAME>...</IFRAME> 標籤
<IFRAME>...</IFRAME> 標籤用來在網頁上插入浮動框架，其屬性如下：
 ALIGN = "{LEFT, RIGHT, CENTER}"：設定浮動框架的對齊方式 (靠左、置

中、靠右)。
 BORDER = " n"：設定浮動框架的框線大小 ( n 為像素點數，僅適用於 IE 4)。
 BORDERCOLOR = "#RRGGBB " 或 "..." 設定浮動框架的框線色彩 (僅適用

於 IE 4)。
 FRAMEBORDER = "{1, 0}"：設定是否顯示浮動框架的框線。
 FRAMESPACING = " n "：設定相鄰浮動框架的間距 (僅適用於 IE 4)。
 HEIGHT = " n"：設定浮動框架的高度 ( n 為像素點數)。
 HSPACE = " n"：設定浮動框架的水平間距 ( n 為像素點數，僅適用於 IE 4)。
 MARGINHEIGHT = " n"：設定浮動框架的上下邊界大小 ( n 為像素點數)。
 MARGINWIDTH = " n"：設定浮動框架的左右邊界大小 ( n 為像素點數)。
 NAME = "..."：設定浮動框架的名稱。
 NORESIZE：不允許瀏覽者改變浮動框架的大小 (僅適用於 IE 4)。
 SCROLLING = "{YES, NO}"：設定是否顯示浮動框架的捲軸。
 SRC = " URL"：設定浮動框架的來源網頁的相對或絕對位置。
 VSPACE = " n"：設定浮動框架的垂直間距 ( n 為像素點數，僅適用於 IE 4)。
 WIDTH = " n"：設定浮動框架的寬度 ( n 為像素點數)。
B-20
<IMG> 標籤
<IMG> 標籤用來在網頁上插入圖片，其屬性如下：
 ALIGN = "{LEFT, RIGHT, TOP, MIDDLE, BOTTOM}"：設定圖片對齊方式。
 ALT = "..."：設定圖片的替代顯示文字。
 BORDER = " n"：設定圖片的框線粗細 ( n 為像素點數)。
 CONTROLS：當圖片為影像時，以此屬性設定播放控制項。
 DYNSRC = " URL"：設定動態影像的相對或絕對位置 (僅適用於 IE)。
 HEIGHT = " n"：設定圖片的高度 ( n 為像素點數)。
 HSPACE = " n"：設定圖片的水平間距 ( n 為像素點數)。
 ISMAP：設定圖片為伺服器端影像地圖。
 LONGDESC = "..."：設定圖片的說明文字。
 LOWSRC = " URL"：設定低解析度圖片的相對或絕對位置。
 LOOP = "{ n , INFINITE}"：設定視訊檔案的播放次數 (僅適用於 IE)。
 NAME = "..."：設定圖片的名稱，以供 scripts、applets 或書籤使用。
 SRC = " URL"：設定圖片的相對或絕對位置。
 START = "{FILEOPEN,MOUSEOVER}"：設定讓動態影像開始播放的事件。
 USEMAP = " URL"：設定影像地圖所在的檔案位置及名稱。
 VRML = "..."：設定 VRML 物件的相對或絕對位置。
 VSPACE = " n"：設定圖片的垂直間距 (n 為像素點數)。
 WIDTH = " n"：設定圖片的寬度 (n 為像素點數)。

onMouseOut、onKeyUp、onKeyPress 等屬性。
B-21
<INPUT> 標籤
<INPUT> 標籤用來在表單中插入輸入欄位或按鈕，例如選項按鈕、核取方塊、
單行文字方塊…，它必須放在 <FORM>...</FORM> 標籤之間，其屬性如下：
 ALIGN="{LEFT,CENTER,RIGHT}" ：設定圖片提交按鈕的對齊方式
(TYPE="IMAGE")。
 ACCEPT="..."：設定提交檔案時的 MIME 類型 (超過一個的話，中間以逗號

隔開)，例如：
<INPUT TYPE="FILE" ACCEPT="image/gif, image/jpeg">
 CHECKED：當 TYPE="RADIO" 或 TYPE="CHECKBOX" 時，這個屬性會將

選擇鈕或核選方塊預設為已選取的狀態。
 DISABLED：取消表單欄位，使表單資訊無法被接受或提交。
 MAXLENGTH=" n" ：設定單行文字方塊 (TYPE="TEXT") 或密碼欄位

(TYPE="PASSWORD") 的最多字元數。
 NAME="..."：設定表單欄位的名稱 (限英文且唯一)，這個名稱不會顯示在
網頁上，但可以做為後端處理之用，供 scripts、表單處理程式使用。
 NOTAB：不允許瀏覽者以按 [TAB] 鍵的方式移到表單欄位。
 READONLY：不允許瀏覽者變更表單欄位的資訊。
 SIZE=" n" ：設定單行文字方塊 (TYPE="TEXT") 或密碼欄位

(TYPE="PASSWORD") 的寬度 ( 以字元數為單位 ) ， SIZE 屬性和
MAXLENGTH 屬性的差別在於它並不是設定瀏覽者可以輸入的字元數，而
是設定瀏覽者在畫面上可以看到的字元數。
 SRC=" URL"：設定圖片提交按鈕的相對或絕對位置 (TYPE="IMAGE")。
 TABINDEX：設定 [TAB] 鍵順序，也就是當瀏覽者按 [TAB] 鍵時，游標

在表單欄位跳躍的順序，設定範圍在 1 ~ 999，數字愈小，順序愈高。
B-22
 TYPE="{TEXT,PASSWORD,RADIO,CHECKBOX,SUBMIT,RESET,FILE,IMAGE,
HIDDEN,BUTTON}"：設定表單欄位的類型，依序為單行文字方塊、密碼欄
位、選擇鈕、核選方塊、提交按鈕、重新輸入按鈕、提交檔案、圖片提交
按鈕、隱藏欄位、一般按鈕 (沒有預設的動作，可以另外撰寫處理程式)。
 USEMAP：設定瀏覽器端影像地圖所在的檔案位置及名稱，例如：
<INPUT SRC="map.gif" USEMAP="imagemap.html#map1">
 VALUE="..."：設定表單欄位的初始值。請注意，當 TYPE="RADIO" 時，一

定要設定選擇鈕的值，而且同一組選擇鈕的每個選項必須擁有唯一的值，
這樣在瀏覽者點取 [提交] 按鈕，將表單資訊傳回 Web 伺服器後，表單處
理程式才能根據傳回的值判斷哪組選擇鈕的哪個選項被選取。
 onFocus="..."：設定當瀏覽者將焦點移到表單欄位時所要執行的 script。
 onBlur="..."：設定當瀏覽者將焦點自表單欄位移開時所要執行的 script。
 onChange="..."：設定當瀏覽者修改表單欄位時所要執行的 script。
 onSelect="..."：設定當瀏覽者在表單欄位選取文字時所要執行的 script。

<INS>...</INS> 標籤
<INS>...</INS> 標籤用來在網頁上插入資料，其屬性如下：
 CITE = " URL"：設定一個文件或訊息，以說明插入或刪除資料的原因。
 DATETIME = "..."：設定在網頁上插入或刪除資料的時間，時間格式為
YYYY-MM-DDThh:mm:ssTZD，例如 2000-01-01T15:30:00 代表的是西元 2000
年 1 月 1 日格林威治時間下午三點三十分。
B-23
 這個標籤亦接受 CLASS 、 ID、 STYLE、 TITLE、 LANG、 DIR 、 onClick、
<KBD>...</KBD> 標籤
<KBD>...</KBD> 標籤用來將字串以鍵盤文字顯示，例如 <KBD> 鍵盤
Keyboard</KBD> 會得到。
<LEGEND>…</LENGEND> 標籤
我們可以使用 <LEGEND>…</LENGEND> 標籤在 <FIELDSET>…</FIELDSET>
標籤框起來的方框左上方加上說明文字。
<LEGEND>...</LEGENT> 標籤接受 ALIGN="{TOP, BOTTOM, LEFT, RIGHT}" (設

定說明文字的位置)、CLASS、ID、STYLE、TITLE、DIR、LANG、onClick、onDblClick、
onMouseDown、onMouseUp、onMouseOver、onKeyUp、onMouseMove、onMouseOut、
onKeyPress、onKeyDown 等屬性。
<LI>…</LI> 標籤
<LI>…</LI> 標籤用來設定個別的項目資料，其屬性如下：
 COMPACT：以緊縮格式顯示編號清單。
 TYPE = "…"：設定項目資料的符號種類或編號種類。
 VALUE = "…"：設定一個數字給項目資料，作用和 <OL>...</OL> 標籤的

START 屬性相同。

onDblClick 、 onMouseDown 、 onMouseUp 、 onMouseOver 、 onKeyUP 、
B-24
<LINK> 標籤
<LINK> 標籤用來定義目前的文件與其它文件之間的關聯，它必須放在網頁的
<HEAD>...</HEAD> 區塊，不限定使用次數。下面是幾種 <LINK> 標籤所定義
的關聯：
 CONTENTS：內容  INDEX：索引
 GLOSSARY：名詞解釋  COPYRIGHT：版權宣言
 NEXT：下一頁(和 REL=一起使用)  HELP：線上說明
 PREVIOUS：上一頁(和 REV=一起使用)  BOOKMARK：書籤
 STYLESHEET：樣式表  SEARCH：搜尋資源
 TOP：首頁
<LINK> 標籤的屬性如下：
 CHARSET = "..."：設定正在建立關聯之文件的字元編碼方式。
 HREF = " URL"：設定正在建立關聯之文件的相對或絕對位置。
 HREFLANG = " language-code "：設定 HREF 屬性值的語系。
 MEDIA = "{SCREEN, PRINT, PROJECTION, BRAILLE, PROJECTION,

SPEECH,ALL}"：設定目的媒體類型，SCREEN 為螢幕，PRINT 為印表機，
PROJECTION 為投影機，BRAILLE 為點字機，SPEECH 為聲音合成器。
 NAME = "..."：設定名稱給正在定義的關聯。
 REL = "..."：定義目前文件與其它文件的關聯。
 REV = "..."：定義目前文件與其它文件的反向關聯。
 TYPE = "..."：設定內容類型 (content type)。
B-25
<MAP>...</MAP> 標籤
<MAP>...</MAP> 標籤用來設定瀏覽器端影像地圖，接受 CLASS、ID、STYLE、

TITLE、NAME="..." 等屬性，其中 NAME 屬性可以用來設定影像地圖的名稱，
以供 <IMG> 標籤的 USMAP 屬性使用。
<MARQUEE>...</MARQUEE> 標籤
<MARQUEE>...</MARQUEE> 標籤用來在網頁上插入跑馬燈 (僅適用於 IE)，其

屬性如下：
 ALIGN = "{LEFT, RIGHT, TOP, CENTER, BOTTOM}"：設定跑馬燈外面的文

字對齊方式。
 BEHAVIOR = "{SLIDE, SCROLL, ALTERNATE}"：設定跑馬燈的表現方式

(滑動、捲動、交替)。
 BGCOLOR = "#RRGGBB " 或 "..."：設定跑馬燈的背景色彩。
 DATAFLD = "..."：從表格資料中選擇一行。
 DATAFORMATS = "{TEXT, HTML, NONE}"：設定表格資料的格式。
 DATASRC = "..."：設定表格資料的來源位置。
 DIRECTION = "{LEFT, RIGHT}"：設定跑馬燈文字的移動方向。
 HEIGHT = " n"：設定跑馬燈的高度 ( n 為像素點數)。
 HSPACE = " n"：設定跑馬燈左右邊界的大小 (即水平間距，n 為像素點數)。
 LOOP = "{ n , INFINITE}"：設定跑馬燈文字的重複次數。
B-26
 SCROLLAMOUNT = " n"：設定跑馬燈文字的移動距離。
 SCROLLDELAY = " n"：設定跑馬燈文字的延遲時間。
 VSPACE = " n"：設定跑馬燈的上下邊界的大小 (即垂直間距，n 為像素點數)。
 WIDTH = " n"：設定跑馬燈的寬度 ( n 為像素點數)。
 這個標籤亦接受 ID、STYLE、TITLE 等屬性。
<MENU>...</MENU> 標籤
<MENU>...</MENU> 標籤的用法和 <DIR>...</DIR> 標籤相同，只要再搭配
<LI>...</LI> 標籤，就可以製作目錄清單。
<MENU>...</MENU> 標籤接受 COMPACT ( 以緊縮格式顯示 ) 、 CLASS 、 ID 、

STYLE、TITLE、LANG、DIR、onClick、onDblClick、onMouseDown、onMouseUp、
等屬性。
<META> 標籤
<META> 標籤用來設定網頁的相關資訊，例如作者、搜尋引擎關鍵字、版權宣
告、瀏覽器、編輯器、有效日期…。當我們撰寫網頁時，<META> 標籤是放在
<HEAD> 標籤的後面，<TITLE>...</TITLE> 標籤的前面，其屬性如下：
 CONTENT = "..."：設定一個值 (value) 給性質 (property)。
 HTTP-EQUIV = "..."：這個屬性可以來取代 NAME 屬性 (註：HTTP 伺服器是

利用 HTTP-EQUIV 屬性來蒐集 HTTP 訊息標頭的資訊)。
例如：<META HTTP-EQUIV=REFRESH CONTENT="2;http://www.hinet.net">。
說明：網頁畫面停留 2 秒後自動切換到另一個網頁 (此處為 Hinet 首頁)。
 NAME = "..."：設定性質 (property) 的名稱。
B-27
 SCHEME = "..."：設定用來解譯值的方式。
 這個標籤亦接受 DIR 和 LANG 屬性，其中 LANG 屬性用來設定 CONTENT

屬性值的語系。
<NOBR>...</NOBR> 標籤
<NOBR>...</NOBR> 標籤用來取消自動換行，接受 CLASS、ID、STYLE 三個屬

性，分別用來設定標籤的樣式類別、ID 識別字和樣式。如果您想在取消自動換
行的段落文字中做強迫換行，可以在要做強迫換行的文字前面加上 <WBR> 標
籤 (這個標籤沒有結束標籤)。
<NOEMBED>...</NOEMBED> 標籤
如果瀏覽器不支援 plug-in (外掛程式)，則顯示 <NOEMBED>…</NOEMBED> 標

籤之間的網頁內容。
<NOFRAMES>...</NOFRAMES> 標籤
如果瀏覽器不支援框架，則顯示 <NOFRAMES>...</NOFRAMES> 標籤之間的網

頁內容。由於 <FRAMESET>...</FRAMESET> 標籤和 <BODY>...</BODY> 標籤
的地位相等，故不能同時並存於 HTML 網頁，唯一的例外是
<BODY>...</BODY> 標籤可以放在 <NOFRAMES>...</NOFRAMES> 標籤之
間，以將網頁內容格式化。
<NOSCRIPT>...</NOSCRIPT> 標籤
如果瀏覽器不支援 scripts，則顯示 <NOSCRIPT>...</NOSCRIPT> 標籤之間的
內容。
B-28
<OBJECT>...</OBJECT> 標籤
<OBJECT>...</OBJECT> 標籤用來在網頁上插入軟體物件，例如 QuickTime 電影

檔、ActiveX 物件或瀏覽器所支援的其它物件…，其屬性如下：
 ALIGN = "{LEFT, RIGHT, CENTER, TEXTTOP, MIDDLE, TEXTMIDDLE,

BASELINE, TEXTBOTTOM, BASELINE}"：設定物件的對齊方式，這些屬性
值和 <IMG> 標籤相似。
 BORDER = " n"：設定物件的框線大小 ( n 為像素點數)。
 CODEBASE = "..."：設定物件程式碼的相對或絕對位置。
 CODETYPE = "..."：設定物件程式碼的 MIME 類型。
 CLASSID = "..."：設定物件來源的 URL。
 DATA = " URL"：設定物件資料的相對或絕對位置。
 DECLARE：宣告物件而不是將物件載入文件內。
 HEIGHT = " n"：設定物件的高度 ( n 為像素點數)。
 HSPACE = " n"：設定物件的水平間距 ( n 為像素點數)。
 NAME = "..."：設定物件的名稱。
 SHAPES：設定具有超連結的物件。
 STANDBY = "..."：設定當瀏覽器正在下載物件時所顯示的訊息文字。
 TABINDEX = " n"：設定物件的 [TAB] 鍵順序 (1 ~ 999，愈小順序愈高)。
 TYPE = "..."：設定物件的 MIME 類型。
 VSPACE = " n"：設定物件的垂直間距 ( n 為像素點數)。
 WIDTH = " n"：設定物件的寬度 ( n 為像素點數)。
B-29
<OL>…</OL> 標籤
<OL>…</OL> 標籤用來為資料加上編號，其屬性如下：
 COMPACT：以緊縮格式顯示編號清單。
 START=" n"：設定編號清單的起始值。
 TYPE = "{1, A , a, l, I}"：設定編號的種類，預設為阿拉伯數字。

<OPTION> 標籤
<OPTION> 標籤是放在 <SELECT>...</SELECT> 標籤之間，用來設定下拉式功

能表的項目，其屬性如下：
 DISABLED：取消下拉式功能表的項目，使之無法存取。
 SELECTED：設定預先選取的項目。
 VALUE = "..."：設定下拉式功能表項目的值 (中英文皆可)，在瀏覽者點取

[提交] 按鈕後，被選取之下拉式功能表項目的值會傳回 Web 伺服器，如果
沒有設定 VALUE 屬性，那麼下拉式功能表項目的資料會傳回 Web 伺服器。
 這個標籤亦接受 CLASS、ID、STYLE、TITLE、LANG、DIR、onFocus、onBlur、
onChange 、 onSelect 、 onClick 、 onDblClick 、 onMouseDown 、 onMouseUp 、
onMouseOver、onMouseMove、onMouseOut、onKeyPress、onKeyDown、onKeyUp
等屬性。
B-30
<P>...</P> 標籤
<P>...</P> 標籤用來輸入段落，其屬性如下：
 ALIGN = "{LEFT, CENTER, RIGHT}"：段落向左對齊、置中或向右對齊。
 WIDTH = " n"：設定段落的寬度 ( n 為像素點數，僅適用於 IE)。
 這個標籤亦接受 LANG 、 DIR 、 CLASS 、 ID 、 STYLE 、 TITLE、 onClick 、

onDblClick 、 onMouseDow 、 onMouseUp 、 onMouseOver 、 onMouseMove 、
<PLAINTEXT>...</PLAINTEXT> 標籤
<PLAINTEXT>...</PLAINTEXT> 標籤和 <PRE> 標籤的用途相同，由於瀏覽器會

自動忽略網頁上多餘的空白字元和 [Enter]，導致在輸入某些網頁內容時相當不
方便，此時，我們可以使用這個標籤預先將網頁內容格式化。
<PLAINTEXT> 標籤接受 WIDTH="n" (設定段落的寬度，以像素點為單位)、LANG、

DIR、CLASS、ID、STYLE、TITLE、onClick、onDblClick、onMouseDown、onMouseUp、
onMouseOver 、 onMouseMove 、 onMouseOut 、 onKeyPress 、 onKeyDown 、 onKeyUp
等屬性。<PLAINTEXT>...</PLAINTEXT> 標籤的用途和 <PRE>…</PRE> 標籤相
同，目前已被 <PRE>…</PRE> 標籤所取代。
<PRE>...</PRE> 標籤
由於瀏覽器會自動忽略網頁上多餘的空白字元和 [Enter]，導致在輸入某些網頁
內容時相當不方便，此時，我們可以使用 <PRE>...</PRE> 標籤預先將網頁內容
格式化。<PRE>...</PRE> 標籤接受 LANG、DIR、CLASS、ID、STYLE、TITLE、
WIDTH="n" ( 設定段落的寬度，以像素點為單位 ) 、 onClick 、 onDblClick 、
onMouseDown、onMouseUp、onMouseOver、onMouseMove、onMouseOut、onKeyPress、
B-31
<Q>...</Q> 標籤
<Q>...</Q> 標籤用來將字串以引用語顯示，例如 <Q>Gone with the Wind</Q> 會

得到。
<S>...</S> 標籤
<S>...</S> 標籤用來將字串以刪除字顯示，例如 <S>刪除字 Strike</S> 會得

到。
<SAMP>...</SAMP> 標籤
<SAMP>...</SAMP> 標籤用來將字串以範例字顯示，例如 <SAMP> 範例
SAMPLE</SAMP> 會得到。
<SCRIPT>...</SCRIPT> 標籤
<SCRIPT>...</SCRIPT> 標籤用來在網頁上插入瀏覽器端 scripts，其屬性如下：
 LANGUAGE = "..."：宣告 scripts 的類型。
 SRC = " URL"：設定 scripts 的相對或絕對位置。
 TYPE = "..."：設定 scripts 的 MIME 類型。
<SELECT>...</SELECT> 標籤
<SELECT>...</SELECT> 標籤用來在表單中插入下拉式功能表，必須搭配
<OPTION>...</OPTION> 標籤以設定下拉式功能表的項目，其屬性如下：
 ACCESSKEY = "..."：設定下拉式功能表的按鍵順序。
 MULTIPLE：設定瀏覽者可以在下拉式功能表選取多個項目 (複選)。
B-32
 NAME = "..."：設定下拉式功能表的名稱 (限英文且唯一)，這個名稱不會顯

示在網頁上，但可以做為後端處理之用，供 scripts、表單處理程式使用。
 READONLY：不允許瀏覽者變更下拉式功能表的項目。
 SIZE = " n"：設定下拉式功能表的高度。

 onFocus = "..."：設定當瀏覽者將焦點移到表單欄位時所要執行的 script。
 onBlur = "..."：設定當瀏覽者將焦點自表單欄位移開時所要執行的 script。
 onChange = "..."：設定當瀏覽者修改表單欄位時所要執行的 script。
 onSelect = "..."：設定當瀏覽者在表單欄位選取文字時所要執行的 script。

<SMALL>...</SMALL> 標籤
<SMALL>...</SMALL> 標籤用來將字串以小字型顯示，例如
<SMALL>SMALL</SMALL>FONT 會得到。
<SPAN>...</SPAN> 標籤
<SPAN>...</SPAN> 標籤用來將設定的樣式類別套用到 <SPAN>...</SPAN> 標籤

之間的字元或字串，其屬性如下：
 CLASS = "..."：設定 <SPAN>...</SPAN> 標籤要套用的樣式類別。
 ID = "..."：設定 <SPAN>...</SPAN> 標籤的 ID 識別字。
 STYLE = "..."：設定 <SPAN>...</SPAN> 標籤的樣式表命令。
B-33
 TITLE = "..."：設定 <SPAN>...</SPAN> 標籤的標題，可以做為提示文字。
 這個標籤亦接受 LANG 、 DIR 、 onClick 、 onDblClick 、 onMouseDown 、

onMouseUp 、 onMouseOver 、 onMouseMove 、 onMouseOut 、 onKeyPress 、
<STRIKE>...</STRIKE> 標籤
<STRIKE>...</STRIKE> 標籤用來將字串以刪除字顯示，例如 <STRIKE>刪除字

Strike</STRIKE> 會得到。
<STRONG>...</STRONG> 標籤
<STRONG>...</STRONG> 標籤用來將字串以強調粗體顯示，例如 <STRONG>強

調粗體 Strong</STRONG> 會得到。
<STYLE>...</STYLE> 標籤
<STYLE>...</STYLE> 標籤用來放在網頁的 <HEAD>...</HEAD> 區塊，以嵌入階

層樣式表的定義，其屬性如下：
 TITLE = "..."：設定 <STYLE>...</STYLE> 標籤的標題，可以做為提示文字。
 TYPE = "..."：設定樣式表的 MIME 類型。
 MEDIA = "{SCREEN, PRINT, PROJECTION, BRAILLE, SPEECH, ALL}"：設定

樣式表的目的媒體類型，SCREEN 為螢幕，PRINT 為印表機，PROJECTION
為投影機，BRAILLE 為點字機，SPEECH 為聲音合成器。
 這個標籤亦接受 DIR 和 LANG 屬性。
<SUB>...</SUB> 標籤
<SUB>...</SUB> 標籤用來將字串以下標顯示，例如 H<SUB>2</SUB>O 會得到。
B-34
<SUP>...</SUP> 標籤
<SUP>...</SUP> 標籤用來將字串以上標顯示，例如 X<SUP>3</SUP> 會得到。
<TABLE>...</TABLE> 標籤
<TABLE>...</TABLE> 標籤用來在網頁上標示一個表格，其屬性如下：
 ALIGN = "{LEFT, RIGHT, CENTER}"：設定表格的對齊方式 (靠左、靠右、

置中)。
 BACKGROUND = " URL"：設定表格背景圖片的相對或絕對位置。
 BGCOLOR = "# RRGGBB "：設定表格的背景色彩。
 BORDER = " n"：設定表格的框線大小。
 BORDERCOLOR = "#RRGGBB "：設定表格的框線色彩。
 BORDERCOLORDARK = "# RRGGBB"：設定表格的暗邊框色彩 (僅適用於 IE)。
 BORDERCOLORLIGHT = "#RRGGBB"：設定表格的亮邊框色彩 (僅適用於 IE)。
 CELLPADDING = " n"：設定表格的儲存格墊充 (資料與儲存格格線的間距)。
 CELLSPACING = " n"：設定表格的儲存格間距 (儲存格格線之間的距離)。
 COLS = " n"：設定表格的欄數 (直的為欄，橫的為列)。
 FRAME = {"VOID, BORDER, ABOVE, BELOW, HSIDES, LHS, RHS, VSIDES,

BOX}"：設定表格的外框線顯示方式。
 RULES = {"NONE, GROUPS, ROWS, COLS, ALL"}：設定表格的內框線顯示方式。
 SUMMARY = "..."：設定表格的說明文字。
 WIDTH = " n"：設定表格的寬度 (像素點數或視窗的縮放百分比)。
B-35
<TBODY>…</TBODY> 標籤
<TBODY>…</TBODY> 標籤用來設定表格的主體，其屬性如下：
 ALIGN = "{LEFT, RIGHT, CENTER, JUSTIFY, CHAR}"：設定水平對齊方式

(靠左、靠右、置中、左右對齊、對齊設定的字元)。
 CHAR = "..."：設定某一列儲存格要對齊的字元 (若 ALIGN="CHAR")。
 CHAROFF = " n"：設定某一列儲存格要對齊的字元是從左邊數來第幾個。
 VALIGN = "{TOP, MIDDLE, BOTTOM, BASELINE}"：設定垂直對齊方式 (靠

上、中央、靠下、基線)。
 <THEAD>...</THEAD>、<TBODY>...</TBODY>、<TFOOT>...</TFOOT> 標籤
均接受 CLASS、ID、STYLE、TITLE、LANG、DIR、onClick、onDblClick、
onMouseDown 、 onMouseUp 、 onMouseOver 、 onKeyUp 、 onMouseMove 、
onMouseOut、onKeyPress、onKeyDown 等屬性。
<TD>...</TD> 標籤
<TD>...</TD> 標籤用來在一列中標示一儲存格，結束標籤 </TD> 可以省略不

寫，其屬性如下：
 AXIS = "..."：設定一個縮寫的儲存格名稱。
 AXES = "..."：列出某個儲存格附屬的 AXIS 值。
 ALIGN = "{LEFT, RIGHT, CENTER, JUSTIFY, CHAR}"：設定某個儲存格內容

的水平對齊方式 (靠左、靠右、置中、左右對齊、對齊設定的字元)。
 BACKGROUND = " URL"：設定某個儲存格的背景圖片相對或絕對位置。
B-36
 BGCOLOR = "#RRGGBB "：設定某個儲存格的背景色彩。
 BORDERCOLOR = "# RRGGBB "：設定某個儲存格的框線色彩。
 BORDERCOLORDARK = "# RRGGBB "：設定某個儲存格的暗邊框色彩 (僅適

用於 IE)。
 BORDERCOLORLIGHT = "# RRGGBB "：設定某個儲存格的亮邊框色彩 (僅適

用於 IE)。
 CHAR = "..."：設定某個儲存格要對齊的字元 (若 ALIGN="CHAR")。
 CHAROFF = " n"：設定某個儲存格要對齊的字元是從左邊數來第幾個。
 COLSPAN = " n"：設定某個儲存格是由幾欄合併而成 (直的為欄)。
 NOWRAP：取消某個儲存格的文字換行。
 ROWSPAN = " n"：設定某個儲存格是由幾列合併而成 (橫的為列)。
 VALIGN = "{TOP, MIDDLE, BOTTOM, BASELINE}"：設定某個儲存格內容的

垂直對齊方式 (靠上、中央、靠下、基線)。
 WIDTH = " n"：設定某個儲存格的寬度 (像素點數或表格的寬度百分比)

<TEXTAREA>...</TEXTAREA> 標籤
<TEXTAREA>...</TEXTAREA> 標籤用來在表單中插入多行文字方塊，它必須放
在 <FORM>...</FORM> 標籤之間。在預設的情況下，多行文字方塊是呈現空白
不顯示任何資料，如果要在多行文字方塊顯示預設資料，可以將資料放在
<TEXTAREA>...</TEXTAREA> 標籤之間。
B-37
<TEXTAREA>...</TEXTAREA> 標籤的屬性如下：
 ACCESSKEY = "..."：設定多行文字方塊的按鍵順序。
 COLS = " n"：設定多行文字方塊的寬度 ( n 表示字元數)。
 DISABLED：取消多行文字方塊，使之無法存取。
 NAME = "..."：設定多行文字方塊的名稱 (限英文且唯一)，這個名稱不會顯

示在網頁上，但可以做為後端處理之用，供 scripts、表單處理程式使用。
 READONLY：不允許瀏覽者變更多行文字方塊的資料。
 ROWS = " n"：設定多行文字方塊的高度 ( n 表示行數)。

 onFocus = "..."：設定當瀏覽者將焦點移到表單欄位時所要執行的 script。
 onBlur = "..."：設定當瀏覽者將焦點自表單欄位移開時所要執行的 script。
 onChange = "..."：設定當瀏覽者修改表單欄位時所要執行的 script。
 onSelect = "..."：設定當瀏覽者在表單欄位選取文字時所要執行的 script。

<TFOOT>…</TFOOT> 標籤
<TFOOT>…</TFOOT> 標籤用來設定表格的表尾，其屬性如下：

B-38

的屬性均相同。
<TH>...</TH> 標籤
<TH>...</TH> 標籤用來在一列中標示一標題儲存格，結束標籤 </TH> 可以省略

不寫，其屬性和 <TD>...</TD> 標籤相同，但 <TH>...</TH> 標籤內的文字會置
中並加上粗體。
<THEAD>…</THEAD> 標籤
<THEAD>…</THEAD> 標籤用來設定表格的表頭，其屬性如下：


的屬性均相同。。
<TITLE>...</TITLE> 標籤
<TITLE>...</TITLE> 標籤用來設定網頁的標題，這個標題會顯示在瀏覽器的標
題列。當我們撰寫網頁時， <TITLE>...</TITLE> 標籤一定要放在
<HEAD>...</HEAD> 區塊內，而且是成對出現，也就是必須加上結束標籤
</TITLE>。<TITLE>...</TITLE> 標籤接受 LANG 和 DIR 兩個屬性。
B-39
<TR>...</TR> 標籤
<TR>...</TR> 標籤用來表格中標示一列 (Row)，結束標籤 </TR> 可以省略不

寫，其屬性如下：
 ALIGN = "{LEFT, RIGHT, CENTER, JUSTIFY, CHAR}"：設定某一列儲存格內

容的水平對齊方式 (靠左、靠右、置中、左右對齊、對齊設定的字元)。
 BGCOLOR = "# RRGGBB "：設定某一列儲存格的背景色彩。
 BORDERCOLOR = "#RRGGBB "：設定某一列儲存格的框線色彩。
 BORDERCOLORDARK = "# RRGGBB "：設定某一列儲存格的暗邊框色彩 (僅

適用於 IE)。
 BORDERCOLORLIGHT = "#RRGGBB "：設定某一列儲存格的亮邊框色彩 (僅

適用於 IE)。
 NOWRAP：取消某一列儲存格的文字換行。
 VALIGN = "{TOP, MIDDLE, BOTTOM, BASELINE}"：設定某一列儲存格內容

的垂直對齊方式 (靠上、中央、靠下、基線)。

<TT>...</TT> 標籤
<TT>...</TT> 標籤用來將字串以打字機字體 ( 等距英文字 ) 顯示，例如
<TT>Monospace&nbsp；Font</TT> 會得到。
B-40
<U>...</U> 標籤
<U>...</U> 標籤用來將字串以加底線顯示，例如 <U>加底線 Underlined</U> 會

得到。
<UL>…</UL> 標籤
<UL>…</UL> 標籤用來設定項目符號，其屬性如下：
 COMPACT：以緊縮格式顯示項目符號清單。
 SRC = " URL"：設定項目符號圖片的相對或絕對位置。
 TYPE = "{SQUARE, CIRCLE, DISC}"：設定項目符號的種類。

<VAR>...</VAR> 標籤
<VAR>...</VAR> 標籤用來將字串以變數文字顯示，例如 <VAR> 變數
Variable</VAR> 會得到。
<WBR> 標籤
<WBR> 標籤用來在段落文字中做強迫換行。
B-41
B-42

附錄 b HTML 標籤與屬性速查

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

附錄 b HTML 標籤與屬性速查

Uploaded by

Copyright:

Available Formats

<!

標籤用來在網頁上插入註解，而且註解不會顯示在瀏覽器。除了

<!DOCTYPE> 標 籤 用 來 宣 告 網 頁 的 版 本 訊 息 ， HTML 4.01 定 義 了 三 種 DTD

 HTML 4.01 Strict DTD：這種文件類型定義包含尚未過時且不出現在框架網

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

EN表示DTD的語系為ENGLISH (英文)，http://www.w3.org/TR/html40 /loose.dtd

 HTML 4.01 Transitional DTD：這種文件類型定義包含 Strict DTD 和過時的所

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

 HTML 4.01 Frameset DTD：這種文件類型定義包含 Transitional DTD 和出現在

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

 LANG = " language-code "：用來設定元件屬性值的語系或網頁內容的語系，

法 文 (French) 、 英 文 (English) 、 美 式 英 文 、 德 文 (German) 、 義 大 利 文

 DIR = "{LTR, RTL}"：用來設定文字的方向，它的值有 LTR 和 RTL 兩種，

在使用 <!DOCTYPE> 標籤時，請注意下列事項：

 HTML 語法中有個名稱為 DIR 的標籤，用途是製作目錄清單，切勿和 DIR

 HTML 2、 3.2、4.0 版本 宣告為 <!DOCTYPE HTML PUBLIC "-//W3C//DTD

 COORDS = " x1, y1, x2, y2"：設定影像地圖的熱點座標。

 HREF = " URL"：設定超連結所連結之文件的相對或絕對位置。

 HREFLANG = " language-code "：設定 HREF 屬性值的語系。

 NAME = "..."：設定書籤 (bookmark) 名稱。

 REL = "..."：從目前文件到 HREF 指定文件之間的關聯。

 REV = "..."：從 HREF 指定文件到目前文件之間的關聯。

 SHAPE = "{RECT, CIRCLE, POLY}"：設定影像地圖的熱點形狀 (矩形、圓

 TABINDEX = " n"：設定 <A>...</A> 元件在網頁上的 [TAB] 鍵順序，也就

 TARGET = "..."：設定目標框架的名稱 (用於框架網頁)。

 TYPE = "..."：設定內容類型 (content type)。

例如：<ABBR>縮寫，如 HTTP</ABBR> 會得到 。

例如：<ACRONYM>頭字語 Acronym</ACRONYM> 會得到 。

如果在文字前後分別加上開始標籤 <ADDRESS> 和結束標籤 </ADDRESS>，文

<APPLET>...</APPLET> 標籤用來在網頁上插入 Java applets，其屬性如下：

 ALIGN = "{LEFT, RIGHT, CENTER}"：設定 Java applets 的水平對齊方式。

 ALT = "..."：設定 Java applets 的替代顯示文字。

 CODE = " URL "：設定 Java bytecode 檔案的相對或絕對位置。

 CODEBASE = " URL"：設定存放 Java class 檔案的路徑。

 HEIGHT = " n"：設定 Java applets 的高度 ( n 為像素點數)。

 HSPACE = " n"：設定 Java applets 的水平間距 ( n 為像素點數)。

 PARAM NAME = "..."：設定 Java applets 的參數。

 VSPACE = " n"：設定 Java applets 的垂直間距 ( n 為像素點數)。

 WIDTH = " n"：設定 Java applets 的寬度 ( n 為像素點數)。

 COORDS = " x1, y1, x2, y2"：設定熱點的座標。

 HREF = " URL"：設定熱點所連結的文件。

 NOTAB：設定無法使用 [TAB] 鍵切換的熱點。

 SHAPE = {RECT, CIRCLE, POLY}"：設定熱點的形狀 (矩形、圓形、多邊形)。

 TABINDEX = " n"：設定熱點的 [TAB] 鍵順序 (1 ~ 999，愈小順序愈高)。

 這個標籤亦接受 DIR、LANG、CLASS、ID、STYLE、TITLE 等屬性。

例如：<B>粗體 Bold</B> 會得到 。

在網頁上，無論是連結到圖片、檔案或樣式表的超連結，都得靠 URL 來設定路

 HREF = " URL"：設定相對 URL 的絕對位置。

 TARGET = "..."：設定目標框架的名稱 (用於框架網頁)。

<BASEFONT> 標籤用來變更網頁預設的字型、色彩、大小，例如 <BASEFONT

<BDO>...</BDO> 標籤用來設定文字的方向，例如 <BDO="RTL">1234</BDO> 的

這 是 Internet Explorer 瀏 覽 器 專 用 的 標 籤 ， 用 來 插 入 背 景 音 樂 ， 只 有 Internet

 SRC = " URL"：設定音效檔的相對或絕對位置。

 LOOP = " n "：設定播放次數，倘若輸入 -1，表示無限次。

 ALINK = "#RRGGBB " 或 "..."：設定超連結文字被選取時的色彩。

 BACKGROUND = " URL"：設定背景圖片的相對或絕對位置。

 BGCOLOR = "# RRGGBB " 或 "..."：設定網頁的背景色彩。

 BGPROPERTIES = "FIXED"：設定背景圖片為浮水印 (僅適用於 IE)。

 CLASS = "..."：設定 <BODY>...</BODY> 標籤的樣式類別。

 ID = "..."：設定 <BODY>...</BODY> 標籤的 ID 識別字。

 LEFTMARGIN = " n"：設定網頁的左邊界大小 ( n 為像素點數，僅適用於 IE)。

 LINK = "#RRGGBB " 或 "..."：設定尚未瀏覽過之超連結文字的色彩。

 SCROLL = "{YES, NO}"：設定是否要顯示網頁的捲軸 (僅適用於 IE 4)。

 STYLE = "..."：設定 <BODY>...</BODY> 標籤的樣式表命令。

<!DOCTYPE> 標籤用來宣告網頁的版本訊息， HTML 4.01 定義了三種 DTD

法文 (French) 、英文 (English) 、美式英文、德文 (German) 、義大利文

 HTML 2、 3.2、4.0 版本宣告為 <!DOCTYPE HTML PUBLIC "-//W3C//DTD

例如：<ABBR>縮寫，如 HTTP</ABBR> 會得到。

例如：<ACRONYM>頭字語 Acronym</ACRONYM> 會得到。

例如：<B>粗體 Bold</B> 會得到。

這是 Internet Explorer 瀏覽器專用的標籤，用來插入背景音樂，只有 Internet

 這個標籤亦接受 LANG、DIR、onLoad、 onUnLoad、 onClick、 onDblClick、

 BGPROPERTIES、 LEFTMARGIN、 SCROLL、 TOPMARGIN 四個屬性僅適用

例如：<CITE>引用 Citation</CITE> 會得到。

例如：<CODE>程式碼 Code</CODE> 會得到。

 這個標籤亦接受 CLASS 、 ID、 STYLE 、 TITLE 、 LANG 、 DIR 、 onClick 、

 這個標籤亦接受 CLASS 、 ID 、 STYLE 、 TITLE 、 LANG 、 DIR 、 onClick 、

例如：<DFN>定義 Definition</DFN> 會得到。

 這個標籤亦接受 LANG 、 DIR 、 onClick 、 onDblClick 、 onMouseDown 、

<DIR>...</DIR> 標籤只要配合 <LI>...</LI> 標籤，就可以將資料製作成目錄清

例如：<EM>強調斜體 Emphasized</EM> 會得到。

 這個標籤亦接受 CLASS 、 ID 、 STYLE 、 TITLE 、 LANG 、 DIR 、 onClick 、

 onLoad = "..."：設定在瀏覽器載入網頁或所有框架後所要執行的 script。

HTML 提供六種層次的標題格式 <H1>...</H1>、 <H2>...</H2>、 <H3>...</H3>、