html --table表格

簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。

比如:

  1. caption:表格的題目

  2. thead:表頭

  3. tbody:表體
  4. tfoot:表尾
  5. th:一行一般用於表頭
  6. tr:一行一般用於表體
  7. td:一列 
    有rowspan和colspan 合併行與合併列
<table >
    <tr>
        <td colspan="3" ></td>
    </tr>
    <tr>
        <td ></td>
        <td ></td>
        <td ></td>
    </tr>
</table>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

table在原來不僅可以用於顯示的表格,還用於佈局。並且現在一般官方的政府的網站還是用這樣table佈局。table佈局非常清晰。當遇到問題需要表格佈局時可以把所有的線來延長用來計算表格的行數與列數。 
比如要實現下圖的表格 
這裏寫圖片描述 
應該是5行4列 就是通過線的延伸,然後合併行與列實現的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章