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

推荐订阅源

D
Docker
月光博客
月光博客
B
Blog RSS Feed
C
Check Point Blog
WordPress大学
WordPress大学
T
Tailwind CSS Blog
GbyAI
GbyAI
H
Help Net Security
Y
Y Combinator Blog
I
InfoQ
雷峰网
雷峰网
阮一峰的网络日志
阮一峰的网络日志
小众软件
小众软件
美团技术团队
博客园 - 三生石上(FineUI控件)
MongoDB | Blog
MongoDB | Blog
Jina AI
Jina AI
A
About on SuperTechFans
G
Google Developers Blog
爱范儿
爱范儿
F
Fortinet All Blogs
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
U
Unit 42
人人都是产品经理
人人都是产品经理

噜啦 - 前端笔记本

表单:selet - 噜啦 表单:selet - 噜啦 表单: textarea button - 噜啦 表单: textarea button - 噜啦 input 其他相关属性 - 噜啦 input 其他相关属性 - 噜啦 input 标签 - 噜啦 input 标签 - 噜啦 表单相关属性 - 噜啦 表单相关属性 - 噜啦 表单 - 噜啦 表单 - 噜啦 表格 练习 —— 课程表 - 噜啦 垂直合并单元格 rowspan - 噜啦 垂直合并单元格 rowspan - 噜啦 水平合并单元格 - 噜啦 水平合并单元格 - 噜啦 表格:结构、相关属性 - 噜啦 表格:结构、相关属性 - 噜啦
表格 练习 —— 课程表 - 噜啦
博主: 噜啦 · 2019-07-10 · via 噜啦 - 前端笔记本

表格 练习 —— 课程表

  • 发布时间:
  • 1800 次浏览
  • 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>

赞赏作者

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

表格 练习 —— 课程表

 •