HTML表格的实际应用 - 大前端

首页 > 博客列表 > HTML表格的实际应用

博主信息

博文 29

粉丝 1

访问量 25202

专题推荐

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

HTML表格的实际应用

风车

原创

589人浏览过

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>0704</title>
</head>
<body>
<!-- 这行代码是为了让表格线之间没有间隙  -->
<style>
    table{
border-collapse:collapse
}
</style>
<table width="600" border="1" align="center" style="text-align:center">
    <caption>2020年第一学期课程表</caption>
    <thead>
        <tr>
            <th>时间</th>
            <th>课时</th>
            <th>节数</th>
            <th>周一</th>
            <th>周二</th>
            <th>周三</th>
            <th>周四</th>
            <th>周五</th>
            <th>周六</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="4" bgcolor="yellow">上午</td>
            <td>45分钟</td>
            <td>第一节</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
        </tr>
        <tr>
            <td>45分钟</td>
            <td>第二节</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
        </tr>
        <tr>
            <td>45分钟</td>
            <td>第三节</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
        </tr>
        <tr>
            <td>45分钟</td>
            <td>第四节</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
        </tr>
        <tr>
            <td colspan="9" bgcolor="yellow">午休</td>
        </tr>
        <tr>
            <td rowspan="2" bgcolor="yellow">下午</td>
            <td>45分钟</td>
            <td>第一节</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
        </tr>
        <tr>
            <td>45分钟</td>
            <td>第二节</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
            <td>自习</td>
        </tr>
        <tr>
            <td colspan="9" bgcolor="yellow">值日生打扫卫生</td>
        </tr>
    </tbody>
</table>
</body>
</html>

代码实现效果展示

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

markdown的实际应用

2022-07-01 23:15:54