你(nǐ)可以使用(yòng) HTML 創建表格。
表格
表格由 <table> 标簽來(lái)定義。每個表格均有若幹行(由 <tr> 标簽定義),每行被分割爲若幹單元格(由 <td> 标簽定義)。字母 td 指表格數據(table data),即數據單元格的内容。數據單元格可以包含文(wén)本、圖片、列表、段落、表單、水(shuǐ)平線、表格等等。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
在浏覽器顯示如下(xià):
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
表格和(hé)邊框屬性
如果不定義邊框屬性,表格将不顯示邊框。有時(shí)這(zhè)很(hěn)有用(yòng),但(dàn)是大(dà)多數時(shí)候,我們希望顯示邊框。
使用(yòng)邊框屬性來(lái)顯示一個帶有邊框的表格:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
表格的表頭
表格的表頭使用(yòng) <th> 标簽進行定義。
大(dà)多數浏覽器會(huì)把表頭顯示爲粗體居中的文(wén)本:
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
在浏覽器顯示如下(xià):
Heading Another Heading
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
表格中的空(kōng)單元格
在一些(xiē)浏覽器中,沒有内容的表格單元顯示得不太好(hǎo)。如果某個單元格是空(kōng)的(沒有内容),浏覽器可能(néng)無法顯示出這(zhè)個單元格的邊框。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td></td>
<td>row 2, cell 2</td>
</tr>
</table>
表格 | 描述 |
---|---|
<table> | 定義表格 |
<caption> | 定義表格标題。 |
<th> | 定義表格的表頭。 |
<tr> | 定義表格的行。 |
<td> | 定義表格單元。 |
<thead> | 定義表格的頁眉。 |
<tbody> | 定義表格的主體。 |
<tfoot> | 定義表格的頁腳。 |
<col> | 定義用(yòng)于表格列的屬性。 |
<colgroup> | 定義表格列的組。 |