table标签的使用技巧

最新推荐文章于 2024-04-19 20:39:07 发布

芒种017

最新推荐文章于 2024-04-19 20:39:07 发布

阅读量1.1w

点赞数 3

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

本文链接：https://blog.csdn.net/weixin_41848880/article/details/88608795

版权

前端同时被 3 个专栏收录

18 篇文章 1 订阅

订阅专栏

css

15 篇文章 0 订阅

订阅专栏

htm

11 篇文章 0 订阅

订阅专栏

一、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）