更新時(shí)間：2015-02-05“表格的高級(jí)特性”這一標(biāo)題聽起來可能感覺挺枯燥的。但從積極的一面看，當(dāng)你精通表格后，就再也沒有其他有關(guān)HTML的內(nèi)容能難住你了。
表格還有哪些相關(guān)屬性？
colspan和rowspan這兩個(gè)屬性用于創(chuàng)建特殊的表格。
colspan是“column span（跨列）”的縮寫。colspan屬性用在<td>標(biāo)簽中，用來指定單元格橫向跨越的列數(shù)：
例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設(shè)為“3”, 令所在單元格橫跨了三列。如果我們將colspan設(shè)為“2”，則該單元格將只跨越兩列，于是有必要在第一行插入另外一個(gè)單元格，以確保兩行占據(jù)相同的列數(shù)。
例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是什么？
可能你已經(jīng)猜到，rowspan的作用是指定單元格縱向跨越的行數(shù)。
例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被設(shè)為“3”，這表示該單元格必須跨越三行（本身一行，加上另外兩行）。因此，單元格1和單元格2在同一行，而單元格3和單元格4形成獨(dú)立的兩行。
感覺有些迷糊？這確實(shí)比較復(fù)雜，而且容易出錯(cuò)。因此，在進(jìn)行HTML編碼之前，你最好先在紙上把表格設(shè)計(jì)好。
明白了？那么你就自己試著用colspan和rowspan來創(chuàng)建幾個(gè)表格吧。
