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设置。
网友评论