table标签的使用技巧

最新推荐文章于 2025-07-10 19:10:23 发布

芒种017

最新推荐文章于 2025-07-10 19:10:23 发布

阅读量1.2w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端 htm css 文章标签： table标签 table标签的使用技巧合并单元格表格标题细线表格的做法

本文链接：https://blog.youkuaiyun.com/weixin_41848880/article/details/88608795

前端同时被 3 个专栏收录

18 篇文章

订阅专栏

css

15 篇文章

订阅专栏

htm

11 篇文章

订阅专栏

博客介绍了table标签的使用，指出其用于展示数据而非布局。阐述了table标签的结构，包括表格标题、行、单元格等，还说明了单元格间距和文本间距参数。此外，介绍了合并单元格的方法，如跨行合并用rowspan，跨列合并用colspan。

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

一、table标签的使用场合

不是用来布局，而是用来展示数据。

二、table标签的结构

    <table border="1" align="center" cellspacing="0" cellpadding="0">
        <caption>个人信息表</caption>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr>
            <td>小王</td>
            <td>12</td>
            <td>男</td>
        </tr>
        <tr>
            <td>小李</td>
            <td>14</td>
            <td>男</td>
        </tr>
    </table>

caption：表格标题； tr: 行；th,td：单元格；（th表头标签）

cellspacing: 单元格与单元格间的距离

cellpadding: 文本与单元格间的距离

（一般情况三参为0）