H5：表格标签的使用

一、前言

接下来是关于表格标签的使用，对于表格标签，需要我们实践才能更加直观的看出。

二、正文

1.表格的作用

表格的作用主要用于显示、展示数据，因为它可以让数据显示的非常规整，可读性非常好。特别是后台数据显示的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁重的数据表现得很有条理。

table用于定义表格的标签，tr标签用于定义表格中的行，必须嵌套在table标签里头，td用于定义表格中的单元格，必须嵌套在tr标签中。（td意为table data）,一般有表头单元格对数据表示有着重要作用，会加粗显示。

2.表格属性

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

3.结构标签

为了能够对表头与表体进行区分辨别，标签thead,tbody起了许大的作用，且位于table标签当中。

4.合并单元格

特殊情况之下可以把多个单元格合并为一个单元格。

Ⅰ、合并的方式

①跨行合并：rowspan='合并单元格的个数'

②跨列合并：colspan='合并单元格的个数'

Ⅱ、目标单元格

跨行：最上侧单元格为目标单元格，写合并代码。

跨列：最左侧单元格为目标单元格，写合并代码。

Ⅲ、合并三部曲

①确定合并方式

②找到目标单元格：合并方式='合并单元格的个数'，例如:

<td colspan='2'></td>

③删除多余单元格

三、结语

希望对你有所帮助，赶快尝试建立一个表格吧。