HTML表格

最新推荐文章于 2025-08-04 11:51:41 发布

原创最新推荐文章于 2025-08-04 11:51:41 发布 · 1.3k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#表格

CSS自学笔记同时被 2 个专栏收录

9 篇文章

订阅专栏

HTML入门

6 篇文章

订阅专栏

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>

效果：