1. 程式人生 > >HTML-表格介紹

HTML-表格介紹

1.表格的基本結構

<table>
    <caption>這是表格標題</caption>
    <thead>
        <!--表格頭部-->
        <tr>
            <th></th>
                <!--注意頭部單元格是th,不是td哦-->
        </tr>
    </thead> 
    <tbody>
        <!--表格主體-->
        <
tr
>
<td></td> </tr> </tbody> <tfoot> <!--表格尾部--> <tr> <td></td> </tr> </tfoot> </table>

2.表格三個重要的基本標籤:

table</table、tr</tr、td</td 這三個標籤是建立表格的基本標籤,三者缺一不可,其中table用於定義一個表格;tr 用於定義表格中的一行,必須巢狀在 table標籤中,在 table中包含幾對 tr,就有幾行表格;td /td:用於定義表格中的單元格,必須巢狀在標籤中,一對 中包含幾對,就表示該行中有多少列(或多少個單元格)。

3.注意點:

3.1. tr</tr中只能巢狀td</td; 3.2. td</td標籤,他就像一個容器,可以容納所有的元素;

4.單元格的合併

4.1. rowspan:跨行合併; 4.2.colspan:跨列合併;

合併單元格的思想: 將多個內容合併的時候,就會有多餘的東西,把它刪除。 例如 把 3個 td 合併成一個, 那就多餘了2個,需要刪除。