HTML高级标签（1）————表格标签

来源：互联网发布：网络通畅但打不开网页编辑：程序博客网时间：2024/06/12 12:14

利用上述表格属性，可以简单的创建一个表格，并任意的切割行和列。

<html><head><title>表格的应用</title></head><body><table border="1" width="400" align="center" cellspacing="0" cellpadding="0" ><caption align="center"><h1>我的表格</h1></caption><tr><th>编号</th><th>姓名</th><th>年龄</th><th>性别</th><th>邮箱</th></tr><tr><td>1</td><td>张三</td><td colspan="1" rowspan="4" align="center">20</td><td>男</td><td>zhangsan@613.com</td></tr><tr><td>1</td><td>张三</td><td>男</td><td>zhangsan@613.com</td></tr><tr><td>1</td><td>张三</td><td>男</td><td>zhangsan@613.com</td></tr><tr><td>1</td><td>张三</td><td>男</td><td>zhangsan@613.com</td></tr></table></body></html>

运行结果如下：

需要注意的是：1.使用colspan和rowspan时，一定要将被合并的单元格删除，否则会出现单元格挤出表格的现象。这个就不再演示了，大家试一试就能明白。

2.<caption>未设置特定位置时，它的位置随着表格的位置移动而移动。

3.切割完单元格后，为了使单元格内容相对协调，可以自行设置此单元格内容的显示位置，大小以及其他属性。

4 0