table元素

table元素 (table)，為「區塊」特性元素，定義文章的表格。table元素為建立表格的最大元素，包含有定義表標題的caption元素，定義表行Head的thead元素，定義表行foot的tfoot元素，定義表身每行的tr元素，定義儲存格的td元素。

語法:
<table 屬性 = "屬性值">標籤內容</table>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
caption、col、colgroup、thead、tfoot、tbody、tr、td
屬性:
align、background、bgcolor、border、cellpadding、cellspacing、frame、height、rules、summary、width屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption>1年1班名單</caption>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代 ，粗體字 → 必要屬性，不可省略。
屬性 適用元素 屬性值 說明
align table left
center
right 		設定表格的位置和其後Text的配置。align為非推薦元素，建議使用CSS的float、margin屬性取代。
left → 表格靠左，Text在表格右邊。
center → 表格置中。
right → 表格靠右，Text在表格左邊。
background table URL 設定表格的背景圖像所在URI。非HTML正式規格，建議使用CSS的background-image屬性取代。
bgcolor table RGB值
Color Name		 設定表格的背景顏色，bgcolor屬性為非推薦元素，建議使用CSS的background-color屬性取代。
border table 整數(pixels) 設定表格的格線粗細。設定為"0"，表格的格線就會消失。
cellpadding table 整數(pixels)
百分比(%)		 設定表格和儲存格間的間隔，初期值為"2"。bgcolor屬性雖為推薦元素，建議使用CSS的 border-spacing屬性取代。
frame table void(default)
above
below
lhs
rhs
hsides
vsides
box
border 		設定表格外框的框線，初期值為"void"，當bord屬性被設定為"1"以上時，自動設定為為"border"。frame屬性雖為推薦屬性，可以使用CSS的 border-width、 border-style屬性取代。
void → 不顯示框線，
above→ 顯示上框線，below → 顯示下框線，
lhs → 顯示左框線，rhs → 顯示右框線，
hsides → 顯示上下框線，vsides→ 顯示左右框線，
box → 顯示上下左右框線，border → 顯示上下左右框線。
height table 整數(pixels)
百分比(%)		 設定表格的高度。非HTML正式規格，建議使用CSS的height屬性取代。
rules table none(default)
groups
rows
cols
all		 設定儲存格的框線(內框)。初期值為"none"，當bord屬性被設定為"1"以上時，自動設定為為"all"。
none → 不顯示內框線，groups → 顯示行或列群組的內框線，
rows → 顯示列間的內框線，cols → 顯示行間的內框線
summary table Text 針對聲音輸出等非視覺環境，設定說明表格的構造和內容的Text。
width table 整數(pixels)
百分比(%)		 設定表格的寬度。非HTML正式規格，建議使用CSS的width屬性取代。沒有指定的話，UA端自動決定。

caption元素

caption元素 (table caption)，為table的子元素，定義表格的標題。標題會放在表格上方的中間位置，如要放在不同位置，可以使用align、valign屬性設定。

語法:
<caption 屬性 = "屬性值">標籤內容</caption>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
「線內」元素、Text
屬性:
align、valign屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代 ，粗體字 → 必要屬性，不可省略。
屬性 適用元素 屬性值 說明
align caption top(Default)
bottom
left
right 		設定表格標題的配置，初期值為"top"。align為非推薦元素，建議使用CSS的caption-side、text-align屬性取代。
top → 表格上方，Text置中。
bottom → 表格下方，Text置中。
left → 表格上方，Text靠左。(Netscape, Firefox則在表格左方)
right → 表格上方，Text靠右。(Netscape, Firefox則在表格右方)
valign caption top
bottom		 設定表格標題的上下配置，初期值為"top"。
top → 表格上方，Text根據align的屬性值。
bottom → 表格下方，Text根據align的屬性值。

tr元素

tr元素 (table row)，為table、thead、tbody、tfoot的子元素，定義表格一行的內容。內含設定表格內標題的th元素(table header)，以及設定儲存格的td(table data)元素。

語法:
<tr 屬性 = "屬性值">標籤內容</tr>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
1個以上的th、td元素
屬性:
align、bgcolor、char、charoff、valign屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr bgcolor="gray"><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr bgcolor="gray"><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代 ，粗體字 → 必要屬性，不可省略。
屬性 適用元素 屬性值 說明
align td、th、tr left
right
center(default)
justify
char
 設定行內的內容的配置位置，初期值為"center"。align雖為推薦元素，可以在th、td使用CSS的text-align屬性取代。
left → 靠左，right → 靠右，center → 置中，
justify → 文字均等配置，char → 對齊char屬性所指定的文字。
bgcolor td、th、tr RGB值
Color Name		 設定表格的背景顏色，bgcolor屬性為非推薦元素，建議使用CSS的background-color屬性取代。
char col、colgroup、tbody、td、tfoot、th、thead、tr 小數點 align屬性為"char"時，設定表格內容的水平對齊文字。
例)<tr align = "char" char = "."></tr> → 小數點的位置對齊
charoff col、colgroup、tbody、td、tfoot、th、thead、tr 整數(pixels)
百分比(%)		 char屬性有設定時，設定從char的屬性值位移的位數。,
例)<tr align = "char" char = "." charoff = "2">小數點2位的位置對齊
valign td、th、tr top
middle
bottom
baseline 		設定儲存格內的垂直對齊方式，valign屬性雖為推薦屬性，可以在td、th元素使用CSS的 vertical-align屬性取代。
top → 垂直置上，middle → 垂直置中，bottom → 垂直置下，
baseline → 以第1行為base line對齊。

th元素

tr元素 (table herder cell)，為tr的子元素，設定表格內標題。行標題會自動置中於儲存格，並且以粗體表示。

語法:
<th 屬性 = "屬性值">標籤內容</th>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
「區塊」元素、「線內」元素、Text
屬性:
abbr、align、axis、background、bgcolor、char、charoff、colspan、headers、height、nowrap、rowspan、scope、valign、width屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代 ，粗體字 → 必要屬性，不可省略。
屬性 適用元素 屬性值 說明
abbr td、th Text 設定代表存儲格內容的簡略語句。
align tr、td、th left
right
center(default)
justify
char
 設定行內的內容的配置位置，初期值為"center"。align雖為推薦元素，可以在th、td使用CSS的text-align屬性取代。
left → 靠左，right → 靠右，center → 置中，
justify → 文字均等配置，char → 對齊char屬性所指定的文字。
axis td、th 文字列 設定儲存格的分類名稱。分類名稱可以複數指定，使用(，)區隔。
background td、th URI 設定表格的背景顏色，bgcolor屬性為非推薦元素，建議使用CSS的background-color屬性取代。
bgcolor tr、td、th RGB值
Color Name		 設定表格的背景顏色，bgcolor屬性為非推薦元素，建議使用CSS的background-color屬性取代。
char col、colgroup、tbody、td、tfoot、th、thead、tr 小數點 align屬性為"char"時，設定表格內容的水平對齊文字。
例)<tr align = "char" char = "."></tr> → 小數點的位置對齊
charoff col、colgroup、tbody、td、tfoot、th、thead、tr 整數(pixels)
百分比(%)		 char屬性有設定時，設定從char的屬性值位移的位數。,
例)<tr align = "char" char = "." charoff = "2">小數點2位的位置對齊
colspan td、th 整數(pixels) 橫向結合儲存格、初期值為"1"。設定為"0"時，指定儲存格的右邊整列會被結合，不過是在colgroup元素指定的範圍內。
rowspan td、th 整數(pixels) 縱向結合儲存格、初期值為"1"。設定為"0"時，指定儲存格的下方整行會被結合，不過是在tbody、thead、tfoot元素群組化的範圍內。
headers td、th ID名 針對聲音等非視覺系的環境，提示儲存格的標題。
height td、th 整數(pixels)
百分比(%)		 設定儲存格的高度。非HTML正式規格，建議使用CSS的height屬性取代。
nowrap td、th nowrap 設定儲存格內禁止換列改行。
例)nowrap = "nowrap"。
scope td、th row
col
rowgroup
colgroup 		考慮聲音等非視覺系的環境，指定有scope屬性的儲存格的標題，適用到連續的存儲格上。
row → 行方向適用，col → 列方向適用，
rowgroup → 行群組適用，colgroup → 列群組適用。
(行群組指thead、tbody、tfoot元素形成的。列群組指colgroup元素形成的)
valign td、th、tr top
middle
bottom
baseline 		設定儲存格內的垂直對齊方式，valign屬性雖為推薦屬性，可以在td、th元素使用CSS的 vertical-align屬性取代。
top → 垂直置上，middle → 垂直置中，bottom → 垂直置下，
baseline → 以第1行為base line對齊。

td元素

td元素 (table data cell)，為tr的子元素，設定表格的儲存格。如果沒有使用align、valign屬性指定文字的水平、垂直位置，一般會置於水平靠左垂直置中的位置。

語法:
<td 屬性 = "屬性值">標籤內容</td>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
「區塊」元素、「線內」元素、Text
屬性:
abbr、align、axis、background、bgcolor、char、charoff、colspan、headers、height、nowrap、rowspan、scope、valign、width屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td rowspan="2">台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代 ，粗體字 → 必要屬性，不可省略。
屬性 適用元素 屬性值 說明
abbr th、td Text 設定代表存儲格內容的簡略語句。
align tr、th、td left
right
center(default)
justify
char
 設定行內的內容的配置位置，初期值為"center"。align雖為推薦元素，可以在th、td使用CSS的text-align屬性取代。
left → 靠左，right → 靠右，center → 置中，
justify → 文字均等配置，char → 對齊char屬性所指定的文字。
axis th、td 文字列 設定儲存格的分類名稱。分類名稱可以複數指定，使用(，)區隔。
background th、td URI 設定表格的背景顏色，bgcolor屬性為非推薦元素，建議使用CSS的background-color屬性取代。
bgcolor tr、th、td RGB值
Color Name		 設定表格的背景顏色，bgcolor屬性為非推薦元素，建議使用CSS的background-color屬性取代。
char col、colgroup、tbody、td、tfoot、th、thead、tr 小數點 align屬性為"char"時，設定表格內容的水平對齊文字。
例)<tr align = "char" char = "."></tr> → 小數點的位置對齊
charoff col、colgroup、tbody、td、tfoot、th、thead、tr 整數(pixels)
百分比(%)		 char屬性有設定時，設定從char的屬性值位移的位數。,
例)<tr align = "char" char = "." charoff = "2">小數點2位的位置對齊
colspan th、td 整數(pixels) 橫向結合儲存格、初期值為"1"。設定為"0"時，指定儲存格的右邊整列會被結合，不過是在colgroup元素指定的範圍內。
rowspan th、td 整數(pixels) 縱向結合儲存格、初期值為"1"。設定為"0"時，指定儲存格的下方整行會被結合，不過是在tbody、thead、tfoot元素群組化的範圍內。
headers th、td ID名 針對聲音等非視覺系的環境，提示儲存格的標題。
height th、td 整數(pixels)
百分比(%)		 設定儲存格的高度。非HTML正式規格，建議使用CSS的height屬性取代。
nowrap th、td nowrap 設定儲存格內禁止換列改行。
例)nowrap = "nowrap"。
scope th、td row
col
rowgroup
colgroup 		考慮聲音等非視覺系的環境，指定有scope屬性的儲存格的標題，適用到連續的存儲格上。
row → 行方向適用，col → 列方向適用，
rowgroup → 行群組適用，colgroup → 列群組適用。
(行群組指thead、tbody、tfoot元素形成的。列群組指colgroup元素形成的)
valign th、td、tr top
middle
bottom
baseline 		設定儲存格內的垂直對齊方式，valign屬性雖為推薦屬性，可以在td、th元素使用CSS的 vertical-align屬性取代。
top → 垂直置上，middle → 垂直置中，bottom → 垂直置下，
baseline → 以第1行為base line對齊。

col元素

col元素 (table column)，為table、colgroup元素的子元素，設定表格整行儲存格的相同屬性。

語法:
<col 屬性 = "屬性值" />
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
-
屬性:
align、char、charoff、span、valign、width屬性、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<col span="1" style="background-color:lime;width:60px;"/>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。
屬性 適用元素 屬性值 說明
align col、colgroup left
right
center
justify
char
 設定col元素內的儲存格的內容配置，初期值th為"center"，td為"left"。align雖為推薦元素，可以在th、td使用CSS的text-align屬性取代。
left → 靠左，right → 靠右，center → 置中，
justify → 文字均等配置，char → 對齊char屬性所指定的文字。
char col、colgroup、tbody、td、tfoot、th、thead、tr 小數點 align屬性為"char"時，設定表格內容的水平對齊文字。
例)<tr align = "char" char = "."></tr> → 小數點的位置對齊
charoff col、colgroup、tbody、td、tfoot、th、thead、tr 整數(pixels)
百分比(%)		 char屬性有設定時，設定從char的屬性值位移的位數。,
例)<tr align = "char" char = "." charoff = "2">小數點2位的位置對齊
span col、colgroup 整數(1以上) 設定群組列的數量，初期值為"1"。使用col元素，所有群組列的屬性一樣。
valign col、colgroup top
middle
bottom
baseline 		設定儲存格內的垂直對齊方式，valign屬性雖為推薦屬性，可以在td、th元素使用CSS的 vertical-align屬性取代。
top → 垂直置上，middle → 垂直置中，bottom → 垂直置下，
baseline → 以第1行為base line對齊。
width col、colgroup 整數(pixels)
百分比(%)
相對率*		 設定col元素內的儲存格寬度。雖為推薦元素，建議使用CSS的width屬性取代。span如果是"2"以上的話，群組內的儲存格寬度皆為width屬性值。以分割比率來設定寬度的話，可以使用相對率"*"來設定。
例)<col width ="*"/><col width ="2*"/><col width ="3*"/>
col寬度60px就會被分割成10px、20px、30px。

colgroup元素

colgroup元素 (table column group)，為table元素的子元素，設定表格複數行儲存格的相同屬性。放置colgroup元素順序為table元素之後，thead、tr之前。

語法:
<colgroup 屬性 = "屬性值">標籤內容</colgroup>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
col元素
屬性:
align、char、charoff、span、valign、width屬性、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<colgroup span="3" align="center">
<col span="1" style="background-color:lime;width:60px;"/>
<col/><col/></colgroup>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。
屬性 適用元素 屬性值 說明
align col、colgroup left
right
center
justify
char
 設定colgroup元素內的儲存格的內容配置，初期值th為"center"，td為"left"。align雖為推薦元素，可以在th、td使用CSS的text-align屬性取代。
left → 靠左，right → 靠右，center → 置中，
justify → 文字均等配置，char → 對齊char屬性所指定的文字。
char col、colgroup、tbody、td、tfoot、th、thead、tr 小數點 align屬性為"char"時，設定表格內容的水平對齊文字。
例)<tr align = "char" char = "."></tr> → 小數點的位置對齊
charoff col、colgroup、tbody、td、tfoot、th、thead、tr 整數(pixels)
百分比(%)		 char屬性有設定時，設定從char的屬性值位移的位數。,
例)<tr align = "char" char = "." charoff = "2">小數點2位的位置對齊
span col、colgroup 整數(1以上) 設定群組列的數量，初期值為"1"。使用col元素，所有群組列的屬性一樣。
valign col、colgroup top
middle
bottom
baseline 		設定儲存格內的垂直對齊方式，valign屬性雖為推薦屬性，可以在td、th元素使用CSS的 vertical-align屬性取代。
top → 垂直置上，middle → 垂直置中，bottom → 垂直置下，
baseline → 以第1行為base line對齊。
width col、colgroup 整數(pixels)
百分比(%)
相對率*		 設定colgroup元素內的儲存格寬度。雖為推薦元素，建議使用CSS的width屬性取代。span如果是"2"以上的話，群組內的儲存格寬度皆為width屬性值。以分割比率來設定寬度的話，可以使用相對率"*"來設定。
例)<col width ="*"/><col width ="2*"/><col width ="3*"/>
col寬度60px就會被分割成10px、20px、30px。

tbody元素

tbody元素 (table body)，為table元素的子元素，設定表格的表身。表身必須要含有1個以上的tr，但是table元素不一定要有tbody元素，可直接定義tr元素。

語法:
<tbody 屬性 = "屬性值">標籤內容</tbody>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
1個以上的tr
屬性:
align、char、charoff、valign屬性、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。
屬性 適用元素 屬性值 說明
align tbody、thead、tfoot left
right
center
justify
char
 設定tbody元素內的儲存格的內容配置，初期值th為"center"，td為"left"。align雖為推薦元素，可以在th、td使用CSS的text-align屬性取代。
left → 靠左，right → 靠右，center → 置中，
justify → 文字均等配置，char → 對齊char屬性所指定的文字。
char col、colgroup、tbody、td、tfoot、th、thead、tr 小數點 align屬性為"char"時，設定表格內容的水平對齊文字。
例)<tr align = "char" char = "."></tr> → 小數點的位置對齊
charoff col、colgroup、tbody、td、tfoot、th、thead、tr 整數(pixels)
百分比(%)		 char屬性有設定時，設定從char的屬性值位移的位數。,
例)<tr align = "char" char = "." charoff = "2">小數點2位的位置對齊
valign tbody、thead、tfoot top
middle
bottom
baseline 		設定儲存格內的垂直對齊方式，valign屬性雖為推薦屬性，可以在td、th元素使用CSS的 vertical-align屬性取代。
top → 垂直置上，middle → 垂直置中，bottom → 垂直置下，
baseline → 以第1行為base line對齊。

thead元素

thead元素 (table head)，為table元素的子元素，設定表格內的表頭。表身必須要含有1個以上的tr。

語法:
<thead 屬性 = "屬性值">標籤內容</thead>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
1個以上的tr
屬性:
align、char、charoff、valign屬性、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。
屬性 適用元素 屬性值 說明
align tbody、thead、tfoot left
right
center
justify
char
 設定tbody元素內的儲存格的內容配置，初期值th為"center"，td為"left"。align雖為推薦元素，可以在th、td使用CSS的text-align屬性取代。
left → 靠左，right → 靠右，center → 置中，
justify → 文字均等配置，char → 對齊char屬性所指定的文字。
char col、colgroup、tbody、td、tfoot、th、thead、tr 小數點 align屬性為"char"時，設定表格內容的水平對齊文字。
例)<tr align = "char" char = "."></tr> → 小數點的位置對齊
charoff col、colgroup、tbody、td、tfoot、th、thead、tr 整數(pixels)
百分比(%)		 char屬性有設定時，設定從char的屬性值位移的位數。,
例)<tr align = "char" char = "." charoff = "2">小數點2位的位置對齊
valign tbody、thead、tfoot top
middle
bottom
baseline 		設定儲存格內的垂直對齊方式，valign屬性雖為推薦屬性，可以在td、th元素使用CSS的 vertical-align屬性取代。
top → 垂直置上，middle → 垂直置中，bottom → 垂直置下，
baseline → 以第1行為base line對齊。

tfoot元素

tfoot元素 (table foot)，為table元素的子元素，設定表格內的表尾。表身必須要含有1個以上的tr。

語法:
<tfoot 屬性 = "屬性值">標籤內容</tfoot>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
1個以上的tr
屬性:
align、char、charoff、valign屬性、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<table border="1px;" summary="1年1班名單">
<caption  align="bottom">1年1班名單</caption>
<thead><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></thead>
<tbody>
<tr><td>王小明</td><td>1990.10.10</td><td>台北</td></tr>
<tr><td>張小明</td><td>1990.1.1</td><td>台北</td></tr>
<tr><td>陳小明</td><td>1990.12.20</td><td>新竹</td></tr>
</tbody>
<tfoot><tr><th>姓名</th><th>出生年月日</th><th>出生地</th></tr></tfoot>
</table>
Output
表1:1年1班名單
姓名出生年月日出生地
王小明1990.10.10台北
張小明1990.1.1台北
陳小明1990.12.20新竹
姓名出生年月日出生地
*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。
屬性 適用元素 屬性值 說明
align tbody、thead、tfoot left
right
center
justify
char
 設定tbody元素內的儲存格的內容配置，初期值th為"center"，td為"left"。align雖為推薦元素，可以在th、td使用CSS的text-align屬性取代。
left → 靠左，right → 靠右，center → 置中，
justify → 文字均等配置，char → 對齊char屬性所指定的文字。
char col、colgroup、tbody、td、tfoot、th、thead、tr 小數點 align屬性為"char"時，設定表格內容的水平對齊文字。
例)<tr align = "char" char = "."></tr> → 小數點的位置對齊
charoff col、colgroup、tbody、td、tfoot、th、thead、tr 整數(pixels)
百分比(%)		 char屬性有設定時，設定從char的屬性值位移的位數。,
例)<tr align = "char" char = "." charoff = "2">小數點2位的位置對齊
valign tbody、thead、tfoot top
middle
bottom
baseline 		設定儲存格內的垂直對齊方式，valign屬性雖為推薦屬性，可以在td、th元素使用CSS的 vertical-align屬性取代。
top → 垂直置上，middle → 垂直置中，bottom → 垂直置下，
baseline → 以第1行為base line對齊。


Copyright(C)2009超技情報開發研究室 All rights reserved.