HTML Table 表格
HTML Table 表格
﹤table﹥ 建立一表格。
﹤caption﹥**標題**﹤/caption﹥
﹤tbody﹥ 表格內容開始。
﹤th﹥﹤th/﹥表示表頭單元格
﹤tr﹥﹤/tr﹥ 代表的是一行。
﹤td﹥﹤/td﹥ 代表一列。
﹤/tbody﹥ 表格內容完結。
﹤/table﹥ 建立完成。
﹤table border="1"﹥邊框
﹤table rules="rows"﹥ 欄位內距距離
rules=none 沒有線條。
rules=groups 位於行組和列組之間的線條。
rules=rows 位於行之間的線條。
rules=cols 位於列之間的線條。
rules=all 位於行和列之間的線條。
bgcolor="#00FF00
<table border="1">
<caption>**標題**</caption>
<tbody>
<tr><td>第一行 欄位 1</td><td>第一行 欄位 2
</td></tr>
<tr bgcolor="#00FF00"><td>第二行 欄位 1</td><td>第二行 欄位 2
</td></tr>
</tbody>
</table>
cellspacing="20" 欄位間的距離
<table border="10" cellspacing="20" width="80%" >
<caption>**標題**</caption>
<tbody>
<tr><td>第一行 欄位 1</td><td>第一行 欄位 2</td></tr>
<tr><td>第二行 欄位 1</td><td>第二行 欄位 2</td></tr>
</tbody></table>
cellpadding ="20" 欄位內距距離
<table border="10" cellspacing="20" width="80%" >
<caption>**標題**</caption>
<tbody>
<tr><td>第一行 欄位 1</td><td>第一行 欄位 2</td></tr>
<tr><td>第二行 欄位 1</td><td>第二行 欄位 2</td></tr>
</tbody></table>
colspan="2" 橫 二合併為一
<table border="2" style="width: 80%;">
<caption>colspan="2" 橫 二合併為一</caption>
<tbody>
<tr><td colspan="2" align="center" valign="middle">
橫 二合併為一</td></tr>
<tr><td>第二行 欄位 1</td><td>第二行 欄位 2</td></tr>
</tbody></table>
rowspan="2" 直 二合併為一
<table border="2" style="width: 80%;">
<caption>rowspan="2" 直 二合併為一</caption>
<tbody>
<tr><td rowspan="2">直 二合併為一
</td><td>第一行 欄位 1</td></tr>
<tr><td> 第二行 欄位 1</td></tr>
</tbody></table>
text-align vertical-align
text-align:left
vertical-align:top | text-align:center
vertical-align:top | text-align:right
vertical-align:top |
text-align:left
vertical-align:middle | text-align: center
vertical-align:middle | text-align:right
vertical-align:middle |
text-align:left
vertical-align:bottom | text-align: center
vertical-align:bottom | text-align:right
vertical-align:bottom |
<table rules="rows">
欄位 1 | 欄位 2 | 欄位 3 |
欄位 1 | 欄位 2 | 欄位 3 |
欄位 1 | 欄位 2 | 欄位 4 |
<table rules="cols">
欄位 1 | 欄位 2 | 欄位 3 |
欄位 1 | 欄位 2 | 欄位 3 |
欄位 1 | 欄位 2 | 欄位 4 |
<table rules="all">
欄位 1 | 欄位 2 | 欄位 3 |
欄位 1 | 欄位 2 | 欄位 3 |
欄位 1 | 欄位 2 | 欄位 4 |
<table rules="none">
欄位 1 | 欄位 2 | 欄位 3 |
欄位 1 | 欄位 2 | 欄位 3 |
欄位 1 | 欄位 2 | 欄位 4 |
#html table 表格
沒有留言:
張貼留言