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

推荐订阅源

V
Visual Studio Blog
J
Java Code Geeks
H
Hackread – Cybersecurity News, Data Breaches, AI and More
D
Docker
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 聂微东
MyScale Blog
MyScale Blog
H
Help Net Security
Last Week in AI
Last Week in AI
T
The Blog of Author Tim Ferriss
M
MIT News - Artificial intelligence
大猫的无限游戏
大猫的无限游戏
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
P
Proofpoint News Feed
博客园 - 叶小钗
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
F
Fortinet All Blogs
Martin Fowler
Martin Fowler
Microsoft Security Blog
Microsoft Security Blog
T
Tailwind CSS Blog
aimingoo的专栏
aimingoo的专栏

噜啦 - 前端笔记本

表单:selet - 噜啦 表单:selet - 噜啦 表单: textarea button - 噜啦 表单: textarea button - 噜啦 input 其他相关属性 - 噜啦 input 其他相关属性 - 噜啦 input 标签 - 噜啦 input 标签 - 噜啦 表单相关属性 - 噜啦 表单相关属性 - 噜啦 表单 - 噜啦 表单 - 噜啦 表格 练习 —— 课程表 - 噜啦 垂直合并单元格 rowspan - 噜啦 垂直合并单元格 rowspan - 噜啦 水平合并单元格 - 噜啦 水平合并单元格 - 噜啦 表格:结构、相关属性 - 噜啦 表格:结构、相关属性 - 噜啦
表格 练习 —— 课程表 - 噜啦
博主: 噜啦 · 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>

赞赏作者

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

表格 练习 —— 课程表

 •