59.长表格 - 《CSS》

html:
（1）将table分为3个部分，thead,tbody,tfoot
(2)在thead标签中，列出表格的各种title
（3）在tbody中列出各种title的具体数值
（4）在tfoot中列出各种合计统计等，如果只能用其中几个单元格，则前面用td配平数量

代码：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" width="50%" align="center">
        <thead>
            <tr>
                <td>日期</td>
                <td>收入</td>
                <td>支出</td>
                <td>合计</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>2021.01.01</td>
                <td>200</td>
                <td>100</td>
                <td>100</td>
            </tr>
            <tr>
                <td>2021.01.02</td>
                <td>300</td>
                <td>100</td>
                <td>200</td>
            </tr>
            <tr>
                <td>2021.01.03</td>
                <td>200</td>
                <td>150</td>
                <td>50</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td>合计</td>
                <td>350</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>