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 |
代码效果图如下:
![image](http://cutimg.erlo.vip/curl/?src=https://img2023.cnblogs.com/blog/2595693/202308/2595693-20230817164836960-1396965340.png)