用html制作一个课程表

效果如下
主要用到的是绘制表格table，调整每个单元格的颜色，大小、以及合并情况，就成功了！我制作的稍微有点简陋，可以参考做的更美观。

<body><table border="1"><caption>我的课表</caption><tr height="10" align="center"><td> </td><td >周一</td><td>周二</td><td>周三</td><td>周四</td><td>周五</td><td>周六</td><td>周天</td></tr><tr height="60" align="center"><td width="30"> 1</td><td width="120" rowspan="2" bgcolor="ffcc99">虚拟现实脚本设计[博雅楼B502]</td><td width="120" rowspan="2" bgcolor="99ccff">毛泽东思想和中国特色社会主义理论体系概论[博文楼104]</td><td width="120" rowspan="2" bgcolor="ccff00">概率论与数理统计[博文楼107]</td><td width="120" rowspan="2"bgcolor="ff6666">大学英语B4[博文楼302]</td><td width="120" rowspan="2"></td><td width="120" rowspan="2"></td><td width="120" rowspan="2"></td></tr><tr height="60" align="center"><td width="30">2</td></tr><tr height="60" align="center"><td width="30">3</td><td width="120" rowspan="2" bgcolor="ccff00">概率论与数理统计[博文楼401]</td><td width="120" rowspan="2"></td><td width="120" rowspan="2"></td><td width="120" rowspan="2" bgcolor="87ceff">大学英语B4[博文楼302]</td><td width="120" rowspan="2" bgcolor="99ccff">毛泽东思想和中国特色社会主义理论体系概论[博文楼103]</td><td width="120" rowspan="2" bgcolor="ccff00">概率论与数理统计[博文楼107]</td><td width="120" rowspan="2"></td></tr><tr height="60" align="center"><td width="30">4</td></tr><tr height="60" align="center"><td width="30">5</td><td width="120" rowspan="2"> </td><td width="120" rowspan="2" bgcolor="ffcc99">虚拟现实脚本设计[博雅楼B502]</td><td width="120" rowspan="4" bgcolor="33cc99">融媒体内容设计[求实楼206]</td><td width="120" rowspan="2"></td><td width="120" rowspan="4" bgcolor="6699ff">web前端开发技术[求实楼409]</td><td width="120" rowspan="2"></td><td width="120" rowspan="2"></td></tr><tr height="60" align="center"><td width="30">6</td></tr><tr height="60" align="center"><td width="30">7</td><td width="120" rowspan="2" bgcolor="eea2ad">体育4 </td><td width="120" rowspan="2" bgcolor="cd919e">形势与政策计[博文楼404]</td><td width="120" rowspan="2"></td><td width="120" rowspan="2" bgcolor="eea2ad">体育4</td><td width="120" rowspan="2"></td></tr><tr height="60" align="center"><td width="30">8</td></tr><tr height="60" align="center"><td width="30">9</td><td width="120" rowspan="2"> </td><td width="120" rowspan="2"></td><td width="120" rowspan="4"></td><td width="120" rowspan="2"></td><td width="120" rowspan="2" bgcolor="c6e2ff">数学建模[博文楼303]</td><td width="120" rowspan="2"></td><td width="120" rowspan="2"></td></tr><tr height="60" align="center"><td width="30">10</td>  </tr></table>
</body>

用html制作一个课程表相关推荐

python制作课程表_怎么使用循环做出一个课程表？
获取当前周.先比较当前周 > 开始周 && 当前周 < 开始周 + 持续周.然后判断星期,同上.然后判断开始时刻. 先把这些东西在数组里做出来,因为数组内容是可以改的. ...
实验二、制作一个本学期使用的课程表页面，要求内容清晰，格式规整，有背景图像单击某一门课程名称，可以跳转到该课程的简介（同一页面）
首先看实验内容,要做一个课程表,并且单击某一门课程名称,可以跳转到该课程的简介,而且是在同一个页面上.所以肯定要用到两个表格,一个是关于课程表的表格,一个是关于课程介绍的表格. 第一,关于课程表,把表 ...
Web技术（Java）初学+制作学期课程表
本学期开了Web课程,然后在书102页有一个上机练习题:制作一个本学期使用的课表. 话不多说,直接附上自己做完后的图片(源代码在后面) 今天上课才接触HTML 所以界面肯定还是一般般随着学习,我还会 ...
word课程表设置符号与编号_用WORD设计一个课程表 ,标题使用艺术字生成 ,要包含合并单元格、边框、底纹、字体样式、背景图片,包含自己的学号和姓名。提交到锦城在线上。_学小易找答案...
[其它]课程论文要求: ( 1 )本课程的要点及重难点分析.( 200 字以上) ( 2 )对课程内容的小结和认识.( 300 字以上) ( 3 )对课程内容增.删或修改建议.(至少一条, 100 字 ...
用html制作班级课程表实例,教案19-制作班级课程表.doc
教案19-制作班级课程表学科信息技术授课班级12物流管理1班日期5月14日课题制作班级课程表授课类型新授课课时 2教材计算机应用基础任课教师陈玉英课序 19教学目标掌握工作簿.工作表.单 ...
如何制作一个类似Tiny Wings的游戏 Cocos2d-x 2.1.4
在第一篇<如何使用CCRenderTexture创建动态纹理>基础上,增加创建动态山丘,原文<How To Create A Game Like Tiny Wings with Co ...
制作一个简单的linux
我这里是借助宿主机做的一个简单的Linux,我们只要知道一个Linux启动过程需要什么,这里制作就简单的多了.不过没有基础的也没关系,我写的很详细,没有基础的看了我写的步骤只要细心也是会做出来的,我这 ...
使用 ale.js 制作一个小而美的表格编辑器（2）
今天来教大家如何使用 ale.js 制作一个小而美的表格编辑器,首先先上 gif: 是不是还是有一点非常 cool 的感觉的?那么我们现在开始吧! 这是我们这篇文章结束后完成的效果(如果想继续完成请访 ...
html靶心制作,用PS单色填充制作一个靶心
使用单色填充的方法制作一个靶心,属于Photoshop的入门课程,好了,喜欢的朋友可以参考本文! 步骤 1.新建图像文档.选择"文件-新建"命令,在弹出的对话框中设置"预 ...

用html制作一个课程表

用html制作一个课程表相关推荐

最新文章

热门文章