html表格基本標簽


1.<table>表簽

  • <table>...</table>標簽用於在html文檔中后創建表格。它包含表名和表格本身內容的代碼。

2.<tr>標簽

  • <tr>標簽用於定義每一行

3.<td>標簽

  • <td>標簽用於定義每一列

4.使用<th>元素添加表頭

  • 表頭一般位於表格的第一行第一列,其文本加粗居中顯示,就類似於課程表上的第一行日期的顯示,而表頭的設置也很簡單,只需要<th></th>替代<td></td>即可。

5.單元格跨行和跨列

  • 繪制表格時,我們常需要合並單元格,而在HTML中提供了colspan(合並行)和rowspan(合並列)屬性來啊幫助我們實現這一效果。colspan又稱跨列,rowspan又稱跨行.

6.復雜的表格結構

  • 在使用表格進行布局時,可以將表格划分為頭捕、主體和頁腳,具體如下所示:
    • <thead></thead>:用於定義表格的頭部,一般包含網頁的logo和導航等頭部信息,位於<table></table>之中
    • <tfoot></tfoot>:用於定義表格的頁腳,一般包含網頁底部的企業信息,地址聯系方式等,位於<table></table>標記之中,<thead></thead>標記之后
    • <tbody></tbody>:用於定義表格中的主體,一般包含網頁中除頭部和底部之外的其他內容,位於<table></table>標記之中,<tfoot></tfoot>標記之后。
  • 注:現在很多布局都是采用div+css的方式,如果大家對table布局感興趣的化,可以直接搜索“搜狐股票”,然后點擊F12查看源代碼。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM