20长表格——html

最新推荐文章于 2024-09-02 20:34:02 发布

StudiousTiger

最新推荐文章于 2024-09-02 20:34:02 发布

阅读量288

点赞数

文章标签： css html html5 css3

本文链接：https://blog.csdn.net/m0_45067620/article/details/107168864

版权

Tiger の HTML&CSS 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        可以将表格分为三个部分：代码的位置变化，但是结构不变，还是上中下
            thead  头部
            tbody  主体
            tfoot  底部
               
            th  表示头部单元格，加粗居中

     -->
    <table border="1px" width="50%" align="center">
        <thead>
            <tr>
                <th>日期</th>
                <th>收入</th>
                <th>指出</th>
                <th>合计</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>2020.05.06</td>
                <td>500</td>
                <td>200</td>
                <td>300</td>
            </tr>
            <tr>
                <td>2020.05.06</td>
                <td>500</td>
                <td>200</td>
                <td>300</td>
            </tr>
            <tr>
                <td>2020.05.06</td>
                <td>500</td>
                <td>200</td>
                <td>300</td>
            </tr>   
        </tbody>
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td>合计：</td>
                <td>300</td>
            </tr>      
        </tfoot>
    </table>
</body>
</html>

StudiousTiger

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
20长表格——html

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--
复制链接

扫一扫

专栏目录