表格案例------班级信息

喵–喵

已于 2023-03-01 13:58:53 修改

阅读量133

点赞数

分类专栏： web开发案例文章标签： html 前端 javascript

于 2023-02-15 06:08:57 首次发布

本文链接：https://blog.csdn.net/m0_52867234/article/details/129036349

版权

web开发案例专栏收录该内容

2 篇文章 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>简单案例-----表格</title>
</head>
<body>
    <table border="1" width="500" height="50">
        <caption>
            <h1>优秀学生信息表格</h1>
        </caption>
        <thead>
            <tr>
                <th>年级</th>
                <th>姓名</th>
                <th>学号</th>
                <th>班级</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th rowspan="3">高三</th>
                <th>张三</th>
                <th>01</th>
                <th>一班</th>
            </tr>
            <tr>                
                <th>李四</th>
                <th>02</th>
                <th>一班</th>
            </tr>
            <tr>
                <th>王五</th>
                <th>03</th>
                <th>二班</th>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th>总人数</th>
                <th colspan="3">3</th>
            </tr>
        </tfoot>
    </table>

</body>
</html>