HTML入门基础——表格标签

1、表格的主要作用

表格主要用于显示、展示数据，使数据显示的规整、可读性非常好

2、表格的基本语法

（1）<table></table>是用于定义表格的标签

（2）<tr></tr>用于定义表格中的行，必须嵌套在<table></table>里

（3）<td></td>用于定义表格中的单元格，必须嵌套在<tr></tr>里

（4）td指table data，就是单元格内容

3、表头单元格标签

一般位于表格的第一行或第一列，突出重要性，使其中的文本内容加粗居中显示

用<th></th>定义表头标签(table head)

4、表格属性

表格属性不常用，一般由CSS实现

属性	属性值	描述
align	left、center、right	规定表格相对周围元素的对齐方式
border	1或””	规定表格但愿是否有边框，默认为””，表示没有边框
cellpadding	像素值	规定单元格边沿与其内容之间的空白，默认为1像素
Cellspacing	像素值	规定单元格之间的空白，默认2像素
width	像素值或百分比	规定表格的宽度
height	像素值或百分比	规定表格的高度

5、表格结构标签

（1）、<thead></thead>用于定义表格的头部，<thead></thead>中必须包含<tr></tr>标签，一般位于第一行

（2）、<tbody></tbody>用于定义表格的主体，主要用于存放数据本体

（3）、<thead></thead>和<tbody></tbody>标签都包含在<table></table>标签内

6、合并单元格

合并单元格方式

1. 跨行合并：rowspan=”合并单元格的个数”
2. 跨列合并：colspan=” 合并单元格的个数”

目标单元格（也就是写合并代码的地方）

1. 跨行：在最上侧单元格中，写合并代码
2. 跨列：在最左侧单元格中，写合并代码

步骤：

确定跨行还是跨列合并

找到目标单元格，写上合并方式=”合并单元格的数量”

删除多余单元格