惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
L
LangChain Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Recent Announcements
Recent Announcements
大猫的无限游戏
大猫的无限游戏
罗磊的独立博客
MongoDB | Blog
MongoDB | Blog
博客园 - 【当耐特】
博客园 - 叶小钗
I
InfoQ
MyScale Blog
MyScale Blog
H
Help Net Security
月光博客
月光博客
Vercel News
Vercel News
B
Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
D
DataBreaches.Net
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
N
Netflix TechBlog - Medium
宝玉的分享
宝玉的分享
WordPress大学
WordPress大学
GbyAI
GbyAI
Blog — PlanetScale
Blog — PlanetScale
博客园 - Franky

噜啦 - 表格

表格 练习 —— 课程表 - 噜啦 表格:结构、相关属性 - 噜啦 表格:结构、相关属性 - 噜啦
表格 练习 —— 课程表 - 噜啦
博主: 噜啦 · 2019-07-10 · via 噜啦 - 表格

表格 练习 —— 课程表

  • 发布时间:
  • 1779 次浏览
  • 820字数
  • 分类: 前端笔记本
  1. 首页
  2. 正文  

DEMO

1d5b44e5a755217aeb0baad4e7bb1538.png

CODE

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>课程表</title>
    </head>
    <body>
        <table cellspacing="0" align="center" border="1px">
            <!-- 标题 -->
            <tr>
                <td colspan="7" align="center">课程表</td>
            </tr>
            <tr>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td height="30px" width="110px" align="center">星期一</td>
                <td width="110px" align="center">星期二</td>
                <td width="110px" align="center">星期三</td>
                <td width="110px" align="center">星期四</td>
                <td width="110px" align="center">星期五</td>
            </tr>
            
            <tr>
                <td rowspan="4" width="55px" align="center">上午</td>
                <td width="50px" align="center">1</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            
            <tr>
                <!-- <td></td> -->
                <td align="center">2</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            
            <tr>
                <!-- <td></td> -->
                <td align="center">3</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            
            <tr>
                <!-- <td></td> -->
                <td align="center">4</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            
            <!-- 分割线 -->
            
            <tr>
                <td colspan="7" height="25px"></td>
            </tr>
            
            <tr>
                <td rowspan="4" width="55px" align="center">下午</td>
                <td align="center">5</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            
            <tr>
                <!-- <td></td> -->
                <td align="center">6</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            
            <tr>
                <!-- <td></td> -->
                <td align="center">7</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            
            <tr>
                <!-- <td></td> -->
                <td align="center">8</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            
            <tr>
                <td colspan="7" height="25px"></td>
            </tr>
            
        </table>
    </body>
</html>

赞赏作者

如果觉得我的文章对你有用,请随意赞赏

表格 练习 —— 课程表

 •