前端—表格小练习

最新推荐文章于 2024-05-21 23:21:19 发布

达达学前端

最新推荐文章于 2024-05-21 23:21:19 发布

阅读量102

点赞数

分类专栏： html 文章标签：前端

本文链接：https://blog.csdn.net/m0_55965566/article/details/125395966

版权

html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1px" width="500px">
        <thead>
            <th>id</th>
            <th>name</th>
            <th>age</th>
            <th>sex</th>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Tom</td>
                <td>19</td>
                <td rowspan="3">男</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Tom</td>
                <td>19</td>
                <!-- <td>男</td> -->
            </tr>
            <tr>
                <td>3</td>
                <td>Tom</td>
                <td>19</td>
                <!-- <td>男</td> -->
            </tr>
            <tr>
                <td>4</td>
                <td>Tom</td>
                <td>19</td>
                <td>女</td>
            </tr>
            <tr>
                <td>总结:</td>
                <td colspan="3">Tom</td>
                <!-- <td>19</td>
                <td>女</td> -->
            </tr>
        </tbody>
    </table>
</body>
</html>

效果图