11-表格标签

1. 表格标签基本使用

在过去表格标签应用广泛，绝大多数网站都是用表格标签制作的，它代表着一个时代。

格式：<table></table>

1.1什么是表格标签？

表格标签的作用：用来给一堆数据添加语义。

其实表格是一种数据的展现形式，当数据量非常大的时候，表格这种展现形式被认为是最为清晰的一种展现形式。

1.2 表格标签格式：

<table>

<tr>

<td>需要显示的内容</td>

</tr>

</table>

table标签表示整个表格。也就是一对table标签就是一个表格

tr标签代表整个表格中的一行数据。也就是说一对tr标签就是表格中的一行。

td标签代表表格一行中的一个单元格，一对td标签就是表格中的一个单元格。

1.3 注意点：

1）表格标签有一个边框属性，这个属性决定了边框的宽度，默认情况下这个属性的值是0，所以看不到边框。

2）表格标签和列表标签一样是一个组合标签，三个标签要同时出现。

2. 表格标签的属性

2.1 宽度和高度属性

可以给table标签和td标签使用

2.1.1 表格的宽度和高度默认是按照内容的尺寸来调整的，也可以通过给table标签设置width/height属性的方式来手动指定表格的宽度和高度。

2.1.2 如果给td标签设置width/height属性，会修改当前单元格的宽度和高度，不会影响整个表格的宽度和高度。 

2.2 水平对齐和垂直对齐的属性

其中水平对齐可以给table标签、tr标签使用和td标签使用；垂直对齐只能给tr标签和td标签使用。

水平方向：

2.2.1 给table标签设置align属性（align值：center/right），可以控制表格在水平方向的对齐方式。

2.2.2 给tr标签设置align属性可以控制当前行所有单元格内容的水平方向的对齐方式。

2.2.3 给td标签设置align属性，可以控制当前单元格中内容在水平方向的对齐方式。

注意点：如果td中和tr中都设置了align属性，那么单元格中的内容会按照td中设置的对齐方式来对齐。

垂直方向：

2.2.4 给tr标签设置valign属性，可以控制当前行中所有单元格中的内容在垂直方向的对齐方式。

2.2.5 给td标签设置valign属性，可以控制当前单元格中的内容在垂直方向的对齐方式。

注意点：如果同时给td/tr设置了valign属性，那么单元格中的内容会按照td设置的来对齐。

2.3 外边距和内边距属性

只能给table标签使用。

2.3.1 外边距（cellspacing）就是单元格与单元格之间的距离，默认情况下外边距是2px；

2.3.2 内边距（cellpadding）就是单元格的边框和文字之间的间隙，默认情况下内边距是1px。

注意：以上关于格式的解释仅仅作为了解，企业开发中样式都要采用CSS设置。