html 測試 上入 下出

html 測試 左右 各一 測試

html 測試 單入 單出

html 測試 左入右出

class="ot"









sw

尾部連結 hbbb(xx)

2020年4月2日 星期四

HTML Table 表格

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>
得出
**標題**
第一行 欄位 1第一行 欄位 2
第二行 欄位 1第二行 欄位 2
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>
得出
**標題**
第一行 欄位 1第一行 欄位 2
第二行 欄位 1第二行 欄位 2
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>
得出
**標題**
第一行 欄位 1第一行 欄位 2
第二行 欄位 1第二行 欄位 2
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>
得出
colspan="2" 橫 二合併為一
橫 二合併為一
第二行 欄位 1第二行 欄位 2
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>
得出
rowspan="2" 直 二合併為一
直 二合併為一 第一行 欄位 1
第二行 欄位 1
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
00
00
00
00
00
#html table 表格

沒有留言:

張貼留言