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查看源代碼。