1 表格

在学习table标签之前，需要先了解表格
表格是由行和列排列而成的一种结构，如下图：

html中的table标签
HTML表格由table标签以及一个或多个tr、th或td标签组成：

table标签用来定义表格，整个表格包含在 < table> 和< /table>标签中；
tr标签用来定义表格中一个行，它是单元格的容器，每行可以包含有多个单元格，由< tr>和< /tr>标签表示；
td标签和th标签用来定义单元格，所有单元格都在tr标签内，每个单元格由一对< td>和< /td>标签或一对< th>和< /th>标签表示，具体的表格内容放置在这一对td标签或th标签之中，
其语法如下：
html中的table标签

2 table 标签

1) border

border标签属性：设定围绕表格的边框的宽度：
html中的table标签

注意：
1，border标签属性不仅设置围绕表格边框的宽度，还为每个单元格添加宽度为1px的边框；
2，实际开发中不建议使用border标签属性实现边框效果，建议通过为table、th和td设定border样式属性实现，如下代码：
html中的table标签

2) width

width标签属性：设定表格的宽度，该标签属性属性值如下：
html中的table标签
注意：
不建议通过width标签属性设置表格宽度，建议向table标签添加width样式属性进行设置，如下代码：

3) align

align标签属性：指定表格相对于周围标签的对齐方式，该标签属性属性值如下：
html中的table标签
注意：
1，不建议通过align标签属性设置表格相对于周围标签的对齐方式，建议向table标签添加样式属性进行设置：
a、实现左右对齐可以通过float样式属性实现：

b、居中对齐可以通过margin样式属性实现：margin: 0 auto;
html中的table标签

4) cellspacing

cellspacing 标签属性：设定单元格之间的间距（单位：px）。
html中的table标签

注意：
不建议通过cellspacing标签属性设置单元格之间的间距，建议向table标签添加border-spacing样式属性进行设置：

5) cellpadding

cellpadding标签属性：设定单元边沿与单元内容之间的间距（单位：px）
html中的table标签

注意：
不建议通过cellpadding标签属性设置单元边沿与单元内容之间的间距，建议向td或th标签添加padding样式属性来实现：

6) bgcolor

bgcolor标签属性：设置表格背景颜色，属性值如下：
html中的table标签

注意：
不建议通过bgcolor标签属性设置表格背景颜色，建议向table标签添加background-color样式属性实现这一效果：

除了以上table标签常用的标签属性之外，table标签还有frame、rules和summary三个标签属性，但Internet Explorer浏览器不支持frame和rules标签属性，而summary标签属性不会在浏览器中产生任何视觉效果，所以这三个标签属性忽略不讲。