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查看源代码。
原文地址:https://www.cnblogs.com/leoych/p/12453887.html