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