table表格

caoPengFlying

于 2017-07-14 11:20:26 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： html/css 文章标签：表格合并

本文链接：https://blog.youkuaiyun.com/caoPengFlying/article/details/75101667

26 篇文章

订阅专栏

本文详细介绍了HTML中table标签的基本构成及其使用方法，包括caption、thead、tbody、tfoot、th、tr和td等元素的作用，并解释了如何利用rowspan和colspan属性进行单元格的合并，同时提供了实际应用的例子。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

table是我们常用的一个标签。他的组成包括

<table >
    <tr>
        <td colspan="3" ></td>
    </tr>
    <tr>
        <td ></td>
        <td ></td>
        <td ></td>
    </tr>
</table>

table在原来不仅可以用于显示的表格，还用于布局。并且现在一般官方的政府的网站还是用这样table布局。table布局非常清晰。当遇到问题需要表格布局时可以把所有的线来延长用来计算表格的行数与列数。
比如要实现下图的表格
这里写图片描述
应该是5行4列就是通过线的延伸，然后合并行与列实现的。