html中的table标签

1 表格

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

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

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

2 table 标签

1) border

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


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

2) width

width标签属性：设定表格的宽度，该标签属性属性值如下：

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

3) align

align标签属性：指定表格相对于周围标签的对齐方式，该标签属性属性值如下：

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

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

4) cellspacing

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


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

5) cellpadding

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


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

6) bgcolor

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



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


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

7) border-collapse

border-collapse样式属性：设置表格的边框是否被合并为一个单一的边框，属性值如下：

3 tr 标签

1) align

align标签属性：设置表格行中单元格内容的水平对齐方式，该标签属性有多个值：



注意：
建议向tr标签添加text-align样式属性设置表格行中单元格内容的水平对齐方式：

2) valign

** valign标签属性：设置表格行中单元格内容的垂直对齐方式，该标签属性有多个值：**

注意：
建议向tr标签添加vertical-align样式属性设置表格行中单元格内容的垂直对齐方式：

3) bgcolor

bgcolor标签属性：设定表格行的背景颜色，属性值如下：

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

4 td(th)标签

1) width

width标签属性与height标签属性：设定单元格的宽度和高度，标签属性属性值如下：
注意：
建议向th标签或td标签添加width样式属性和height样式属性设置单元格宽度和高度。

2) bgcolor

bgcolor标签属性：设定单元格背景颜色，该标签属性有多个值：

注意：
建议向th标签和td标签添加background-color样式属性设定单元格背景颜色。

3) align

align标签属性：设置单元格内容的水平对齐方式，该标签属性有多个值：
注意：
建议向th标签或td标签添加text-align样式属性设置单元格内容的水平对齐方式

4) valign

valign标签属性：设置单元格内容的垂直对齐方式，该标签属性有多个值：

注意：
建议向th标签或td标签添加vertical-align样式属性设置单元格内容的垂直对齐方式。

5) colspan

colspan样式属性：设置单元格横跨多少列。

6) rowspan

rowspan样式属性：设置单元格横跨多少行。

7) nowrap

nowrap标签属性：设定单元格的内容是否换行

如果没有nowrap标签属性，则单元格内文字自动换行！