table元素 table元素 table元素 table元素 table元素 table元素 table元素 table元素 table用來創建表格,表格也可以用來佈局,但是嵌套過於複雜,不利於靈活佈局,已經幾乎沒人用它來佈局了。 表格基本上有如下幾個標簽構成: (1)<table>標簽用來創建表 ...
- table元素
table用來創建表格,表格也可以用來佈局,但是嵌套過於複雜,不利於靈活佈局,已經幾乎沒人用它來佈局了。
表格基本上有如下幾個標簽構成:
(1)<table>標簽用來創建表格的外部框架。
(2)<tr>標簽用來創建表格的行。
(3)<th>標簽用來創建表頭單元格。
(4)<td>標簽用來創建tr行中的單元格。
(5)<caption>標簽用來創建標題。
(6)<thead>標簽用來創建表格的表頭。
(7)<tbody>標簽用來創建表格的主體部分。
(8)<tfoot>標簽用來創建表格的頁腳。
其中 <thead>、<tbody>和<tfoot>標簽實現了表格的語義化佈局,這樣表格所組織的內容結構就更加清晰了。也就是說,假如,有一個表格,希望對其中的內容進行分組:
(1)一行能夠起到表格標題的作用。
(2)一些行是表格的主要數據。
(3)最後一行位於表格最底部的總結類型的行。
<thead>中的<th>也是語義化佈局的一部分,<th>中的字體會預設加粗。
- <td>rowspan屬性:定義了單元格應該縱跨的行數,也就是實現了單元格縱向合併的效果。
- <td>colspan屬性:定義單元格應該橫跨的列數,也就是實現了單元格橫向合併的效果。
<col>標簽—— column 列:可以為表格中一個或多個列定義屬性值
<colgroup>標簽—— column group 列組:對錶格中的列進行組合,以便對其進行樣式修改。
【屬性】
span:規定col元素應該橫跨的列數