作者:百变精灵110 | 来源:互联网 | 2020-09-01 13:50
HTML中的table标签是用来定义表格的,它与一个或者多个tr,th,td元素共同构成html表格,在table表格里可以给它设置边框以及间距等
在HTML中可以通过table标签用于定义html表格,接下来在文章中将为大家具体介绍table标签,具有一定的参考作用希望对大家有所帮助。
例:
第一PHP社区
教程 |
教程地址 |
php教程 |
https://www.php1.cn |
html教程 |
https://www.php1.cn |
效果图:
表格的跨行与跨列处理
我们也可以通过设置单元格的 colspan 属性使其跨列合并,也可以设置单元格的rowspan 属性使其跨行合并,如下所示
单元格跨两列
php教程 |
https://www.php1.cn |
html教程 |
https://www.php1.cn |
css教程 |
https://www.php1.cn |
效果图如下:
单元格跨两行
教程 |
教程地址 |
效果图如下:
边框设置
在默认情况下 table 是没有边框的,只有为 table标签设置 border 属性后才会显示边框,但这种边框因为有间距所以看上去是比较难看的,因此我们可以通过collapse属性来去除边框间距
例:
效果图如下:
注意:在table中,width指的是整个表格的宽度,而td的width值得指内部不包括内容content的宽度
总结:以上就是本篇文章的全部内容了,希望对大家学习table标签有所帮助。
以上就是html里table是什么的详细内容,更多请关注 第一PHP社区 其它相关文章!