HTML-Day3

最新推荐文章于 2024-07-12 20:49:16 发布

甜挞不熬夜

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量63

点赞数

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

本文链接：https://blog.csdn.net/weixin_51123070/article/details/128237826

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML之表格标签table

最外面有个<table>标签，内部有<tr>标签（表示行标签），<tr>里面有<td>标签（表示一行中的每个单元格）。

<body>
    <table border="1" width="600" height="300" cellspacing="0" align="center">
        <!-- 标题 -->
        <caption><strong>2022年成绩单</strong></caption>
        <!-- 第一行 -->
        <thead>
            <tr>
                <th colspan="2">姓名和成绩</th>
                <!-- colspan表示横向合并单元格 -->
                <th>班级</th>
            </tr>
        </thead>


        <tbody>
            <!-- 第二行 -->
        <tr>
            <td >金硕珍</td>
            <!-- rowspan表示纵向合并单元格 -->
            <td>99</td>
            <td>1班</td>
        </tr>

        <!-- 第三行 -->
        <tr>
            <td >田柾国</td>
            <td>60</td>
            <td>2班</td>
        </tr>

        <!-- 第四行 -->
        <tr>
            <td>闵玧其</td>
            <td>100</td>
            <td>6班</td>
        </tr>

        </tbody>

        <tfoot>
             <!-- 第五行 -->
        <tr>
            <td>总结</td>
            <td>1000</td>
            <td>6班</td>
        </tfoot>
       

        


    </table>
</body>