html制作课程表格代码（用HTML5标签设计课程表）

发布于：2022-06-29 19:08:50  栏目：技术文档

<table border="1" width="500" cellspacing="0" cellpadding="5" align="center">
    <caption><h3>五星村小学课程表</h3></caption>
    <thead>
        <tr bgcolor="#e5e5e5">
            <th>时间</th>
            <th>周一</th>
            <th>周二</th>
            <th>周三</th>
            <th>周四</th>
            <th>周五</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="4" bgcolor="#e7f7f7">上午</td>
            <td>数学</td>
            <td>语文</td>
            <td>语文</td>
            <td>英语</td>
            <td>体育</td>
        </tr>
        <tr>
            <td>语文</td>
            <td>法制</td>
            <td>科学</td>
            <td>数学</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>音乐</td>
            <td>语文</td>
            <td>英语</td>
            <td>电脑</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>语文</td>
            <td>语文</td>
            <td>音乐</td>
        </tr>
        <tr>
            <td colspan="6">中午休息</td>
        </tr>
        <tr>
            <td rowspan="3" bgcolor="#e7f7f7">下午</td>
            <td>数学</td>
            <td>语文</td>
            <td>英语</td>
            <td>数学</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>英语</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
            <td>数学</td>
        </tr>
        <tr bgcolor="#e5e5e5">
            <td>备注：</td>
            <td colspan="5">每天下午15:30-17:30在校写完作业才可回家</td>
        </tr>
    </tbody>
</table>
<h3>注册表单</h3>
<form action="" method="post">
    <fieldset>
        <legend>用户注册</legend>
<div>
    <label for="email">邮箱：</label>
    <input type="email" name="email" id="email" placeholder="admin@qq.com" required>
</div>
<div>
    <label for="password">密码：</label>
    <input type="password" name="password" id="password" placeholder="*****" required>
</div>
   </fieldset>
<button>立即注册</button>
</form>

相关推荐