4 表格标签
表格标签也是一种复合标签。由：table,tr,td,th,thead,tbody组合，由行和列组合成，行和列交叉的地方就是单元格。在HTML中使用table来定义表格。网页的表格和办公软件里面的xls一样，都是有行有列的。HTML使用tr标签定义行，使用td标签定义列。
1、``表示一个表格的开始和结束。一组``表示一个表格。
2、border用于设置整个表格的边框宽度，默认为0，表示不显示边框。
3、``和`
`表示表格中的一行的开始和结束。一组`...
`，一个表格可以有多行。通过计算table标签中包含多少对tr子标签即可知道一个表格有多少行。
4、``和` | `表示表格中的一个单元格的开始和结束。通过计算一个tr里面包含了多少对td自标签即可知道一个表格有多少列，多少的单元格了。
table相关属性：
| 属性 |
值 |
描述 |
| width |
px、% |
规定表格的宽度。 |
| height |
px、% |
规定表格的高度。 |
| align |
left、center、right |
规定表格相对周围元素的对齐方式。 |
| bgcolor |
rgb(x,x,x)、#xxxxxx、colorname |
规定表格的背景颜色。 |
| background |
url |
规定表格的背景图片。 |
| border |
px |
规定表格边框的宽度。 |
| cellpadding |
px、% |
规定单元格边框与其内容之间的空白。 |
| cellspacing |
px、% |
规定单元格之间的空隙。 |
td相关属性
| 属性 |
值 |
描述 |
| width |
px、% |
规定单元格的宽度。 |
| height |
px、% |
规定单元格的高度。 |
| align |
left、center、right |
规定单元格内容的对齐方式。 |
| valign |
top、middle、bottom |
规定单元格内容的垂直对齐方式。 |
| bgcolor |
rgb(x,x,x)、#xxxxxx、colorname |
规定单元格的背景颜色。 |
| background |
url |
规定单元格的背景图片。 |
| rowspan |
number |
规定单元格合并的行数 |
| colspan |
number |
规定单元格合并的列数 |
表格标签
| 姓名 |
年龄 |
部门 |
业绩 |
| 张三 |
18 |
外交部 |
87 |
| 李四 |
20 |
销售部 |
93 |
| 王五 |
19 |
89 |
| 姓名 |
年龄 |
部门 |
业绩 |
| 张三 |
18 |
外交部 |
87 |
| 李四 |
20 |
销售部 |
93 |
| 王五 |
19 |
89 |
代码效果图如下：
登录查看全部
