HTML表格

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_36818386/article/details/81050117

HTML制作个表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table border="2">
        <caption>耕地保有量表格</caption>
        <thead>
            <tr>
                <th rowspan="3">地区</th>
                <th colspan="2" rowspan="2">2005年耕地面积</th>
                <th colspan="4">耕地保有量</th>
                <th colspan="2" rowspan="2">基本农田保护面积</th>
            </tr>
            <tr>
                <th colspan="2">2010年</th>
                <th colspan="2">2020年</th>
            </tr>
            <tr>
                <th>万公顷</th>
                <th>万亩</th>
                <th>万公顷</th>
                <th>万亩</th>
                <th>万公顷</th>
                <th>万亩</th>
                <th>万公顷</th>
                <th>万亩</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>北京</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
            </tr>
            <tr>
                <td>北京</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
            </tr>
            <tr>
                <td>北京</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
            </tr>
            <tr>
                <td>北京</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
                <td>123</td>
            </tr>
        </tbody>
    </table>
</body>
</html>


效果:




有什么问题欢迎留言!~~~~~



展开阅读全文

没有更多推荐了,返回首页