lixiangni

表格還有哪些相關屬性？
colspan和rowspan這兩個屬性用於創建特殊的表格。

colspan是“column span（跨列）”的縮寫。colspan屬性用在<td>標籤中，用來指定單元格橫向跨越的列數：

例1：
<table border="1">
<tr>
<td colspan="3">單元格1</td>
</tr>
<tr>
<td>單元格2</td>
<td>單元格3</td>
<td>單元格4</td>
</tr>
</table>
該例在瀏覽器中將顯示如下：

單元格1
單元格2 單元格3 單元格4

該例通過把colspan設為“3”, 令所在單元格橫跨了三列。如果我們將colspan設為“2”，則該單元格將只跨越兩列，於是有必要在第一行插入另外一個單元格，以確保兩行佔據相同的列數。

例2：
<table border="1">
<tr>
<td colspan="2">單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
<td>單元格5</td>
</tr>
</table>
該例在瀏覽器中將顯示如下：

單元格1 單元格2
單元格3 單元格4 單元格5

rowspan是什麼？
可能你已經猜到，rowspan的作用是指定單元格縱向跨越的行數。

例3：
<table border="1">
<tr>
<td rowspan="3">單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
</tr>
<tr>
<td>單元格4</td>
</tr>
</table>
該例在瀏覽器中將顯示如下：

單元格1 單元格2
單元格3
單元格4

上例中的單元格1，其rowspan被設為“3”，這表示該單元格必須跨越三行（本身一行，加上另外兩行）。因此，單元格1和單元格2在同一行，而單元格3和單元格4形成獨立的兩行。

感覺有些迷糊？這確實比較複雜，而且容易出錯。因此，在進行HTML編碼之前，你最好先在紙上把表格設計好。

明白了？那麼你就自己試著用colspan和rowspan來創建幾個表格吧。