HTML(1) 实现一个简单的课程表

最新推荐文章于 2024-07-23 13:42:12 发布

郑清

最新推荐文章于 2024-07-23 13:42:12 发布

阅读量3.2w

点赞数 18

分类专栏： ❿、HTML 文章标签： HTML实现一个简单的课程表

本文链接：https://blog.csdn.net/qq_38225558/article/details/82696186

版权

❿、HTML 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

效果如图：

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>课程表</title>
    </head>
    <body align="center">
        <table align="center" border="1" width="800" cellspacing="0">
            <tr>
                <caption>课程表</caption>
            </tr>
            <tr>
                <th>项目</th>
                <th colspan="5">上课</th>
                <th colspan="2">休息</th>
            </tr>
            <tr>
                <th>星期</th>
                <th>星期一</th>
                <th>星期二</th>
                <th>星期三</th>
                <th>星期四</th>
                <th>星期五</th>
                <th>星期六</th>
                <th>星期日</th>
            </tr>
            <tr>
                <td rowspan="4">上午</td>
                <td>语文</td>
                <td>数学</td>
                <td>英语</td>
                <td>英语</td>
                <td>物理</td>
                <td>计算机</td>
                <td rowspan="4">休息</td>
            </tr>
            <tr>
                <td>数学</td>
                <td>数学</td>
                <td>地理</td>
                <td>历史</td>
                <td>化学</td>
                <td>计算机</td>
            </tr>
            <tr>
                <td>化学</td>
                <td>语文</td>
                <td>体育</td>
                <td>计算机</td>
                <td>英语</td>
                <td>计算机</td>
            </tr>
            <tr>
                <td>政治</td>
                <td>英语</td>
                <td>体育</td>
                <td>历史</td>
                <td>地理</td>
                <td>计算机</td>
            </tr>
            <tr>
                <td rowspan="2">下午</td>
                <td>语文</td>
                <td>数学</td>
                <td>英语</td>
                <td>英语</td>
                <td>地理</td>
                <td>计算机</td>
                <td rowspan="2">休息</td>
            </tr>
            <tr>
                <td>语文</td>
                <td>数学</td>
                <td>地理</td>
                <td>历史</td>
                <td>化学</td>
                <td>计算机</td>
            </tr>
        </table>
    </body>
</html>