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

推荐订阅源

月光博客
月光博客
Martin Fowler
Martin Fowler
博客园_首页
量子位
T
Tailwind CSS Blog
博客园 - Franky
G
Google Developers Blog
D
DataBreaches.Net
Vercel News
Vercel News
B
Blog
Recent Announcements
Recent Announcements
S
SegmentFault 最新的问题
M
MIT News - Artificial intelligence
爱范儿
爱范儿
博客园 - 【当耐特】
The Cloudflare Blog
H
Help Net Security
云风的 BLOG
云风的 BLOG
P
Proofpoint News Feed
C
Check Point Blog
有赞技术团队
有赞技术团队
Microsoft Security Blog
Microsoft Security Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

噜啦 - 前端笔记本

表单: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>

赞赏作者

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

表格 练习 —— 课程表

 •