HTML-表格介紹
阿新 • • 發佈:2018-12-13
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個,需要刪除。