Design Code 設計密碼

表格由<table> 標籤來定義。每個表格均有若干行（由<tr> 標籤定義），每行被分割為若干單元格（由<td> 標籤定義）。字母td 指表格數據（table data），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

<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>
	

在瀏覽器顯示如下：

表格和邊框屬性

如果不定義邊框屬性，表格將不顯示邊框。有時這很有用，但是大多數時候，我們希望顯示邊框。

使用邊框屬性來顯示一個帶有邊框的表格：

<table <code>border="1"></code>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
	

表格的表頭

表格的表頭使用<th> 標籤進行定義。

大多數瀏覽器會把表頭顯示為粗體居中的文本：

<table border="1">
<tr>
<code><th>Heading</th>
<th>Another Heading</th></code>
</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>
	

在瀏覽器顯示如下：

表格中的空單元格

在一些瀏覽器中，沒有內容的表格單元顯示得不太好。如果某個單元格是空的（沒有內容），瀏覽器可能無法顯示出這個單元格的邊框。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<code><td></td></code>
<td>row 2, cell 2</td>
</tr>
</table>
	

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<code><td> </td></code>
<td>row 2, cell 2</td>
</tr>
</table>
	

在瀏覽器中顯示如下：