HTML——表格标签

1.使用场景： 在网页中以行+列的单元格的方式整齐展示和数据，以让数据显示的非常的规整，可读性非常好。

2. 表格的基本语法

<table>
 <tr>
 <td>单元格内的文字</td>
 ...
 </tr>
 ...
</table>

• <table> </table> 是用于定义表格的标签。
• <tr> </tr> 标签用于定义表格中的行，必须嵌套在 <table> </table>标签中。
•  <td> </td> 用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。
•  字母 td 指表格数据（table data），即数据单元格的内容。

3.表头单元格标签

<th> 标签表示 HTML 表格的表头部分，一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示 。

语法格式：

<table>
 <tr>
 <th>姓名</th>
 </tr>
</table>

4. 表格结构标签

为了更好的表示表格的语义，可以将表格分割成 表格头部和表格主体两大部分。

在表格标签中，分别用： <thead>标签 表格的头部区域，<tbody>标签 表格的主体区域.，<tfoot>标签  表格的底部区域， 这样可以更好的分清表格结构。

结构如图片所示：

5.合并单元格

使用场景：将 水平或垂直 多个单元格 合并成一个单元格

• 跨行合并：rowspan="合并单元格的个数"
•  跨列合并：colspan="合并单元格的个数"

注意：rowspan是垂直方向合并 ， colspan是水平方向合并