1.15javaweb系统页面搭建

今天完成了项目中附录A三张信息表的html页面搭建和数据库的创建

其中菜单页面如下（后面会根据要求进行完善）

信息填写页面如下（仅展示部分）

今天学习了单元格合并
跨列colspan
代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>title</title>
    <style>
        table {
            border-collapse: collapse;
        }
        th,
        td {
            border: 1px solid black;
            padding: 8px;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td colspan="2">合并两列</td>
            <td>普通单元格</td>
        </tr>
        <tr>
            <td>114</td>
            <td>514</td>
            <td>19</td>
        </tr>
    </table>
</body>
</html>

跨行
代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>title</title>
    <style>
        table {
            border-collapse: collapse;
        }
        th,
        td {
            border: 1px solid black;
            padding: 8px;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td rowspan="2">合并两行</td>
            <td>114</td>
        </tr>
        <tr>
            <td>514</td>
        </tr>
    </table>
</body>
</html>
posted @ 2025-01-15 19:31  再报错就堵桥0  阅读(8)  评论(0)    收藏  举报