【HTML】一个简单的课程表
2024-06-02 17:02:32
table实现简单的课程表：
<!-- 表格 td属性:closspan=向右合并单元格;rowspan=向下合并单元格 边框等与一像素 --><table border="1px" id="kcb"> <tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>课程/星期</strong></td><td style="background-color:darkgray; color:darkmagenta"><strong>星期一</strong></td><td style="background-color:darkgray; color:darkmagenta"><strong>星期二</strong></td><td style="background-color:darkgray; color:darkmagenta"><strong>星期三</strong></td><td style="background-color:darkgray; color:darkmagenta"><strong>星期四</strong></td><td style="background-color:darkgray; color:darkmagenta"><strong>星期五</strong></td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>第一节</strong></td><td rowspan="2" style="background-color:darkgray;color: aqua;">Python</td><td rowspan="2" style="background-color:darkgray;color: aqua;">Java</td><td rowspan="4" style="background-color:darkgray;color: aqua;">HTML</td><td rowspan="2" style="background-color:darkgray;color: aqua;">Css</td><td rowspan="2" style="background-color:darkgray;color: aqua;">Java</td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>第二节</strong></td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>第三节</strong></td><td rowspan="2" style="background-color:darkgray;color: aqua;">HTML</td><td rowspan="2" style="background-color:darkgray;color: aqua;">Css</td><td rowspan="2" style="background-color:darkgray;color: aqua;">Java</td><td rowspan="2" style="background-color:darkgray;color: aqua;">Js</td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>第四节</strong></td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td colspan="6" style="text-align: center; background-color:darkgray;color: aqua;" >午饭/午休</td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>第五节</strong></td><td rowspan="4" style="background-color:darkgray;color: aqua;">Java</td><td rowspan="4" style="background-color:darkgray;color: aqua;">HTML</td><td rowspan="4" style="background-color:darkgray;color: aqua;">Css</td><td rowspan="2" style="background-color:darkgray;color: aqua;">Python</td><td rowspan="2" style="background-color:darkgray;color: aqua;">HTML</td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>第六节</strong></td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>第七节</strong></td><td rowspan="2" style="background-color:darkgray;color: aqua;">HTML</td><td rowspan="2" style="background-color:darkgray;color: aqua;">Css</td></tr><tr><!-- 样式设置背景颜色.字体颜色 --><td style="background-color:darkgray; color:darkmagenta"><strong>第八节</strong></td><tr><td colspan="6" style="text-align:center; background-color:darkgray;color: aqua;">晚饭/休息</td></tr><tr><td style="background-color:darkgray; color:darkmagenta"><strong>第九节</strong></td><td colspan="5" style="text-align:center;background-color:darkgray;color: aqua;">晚自习</td></tr><tr><td style="background-color:darkgray; color:darkmagenta"><strong>第十节</strong></td><td colspan="5" style="text-align:center;background-color:darkgray;color: aqua;">晚自习</td></tr></table>
结果如上图，可以自己修改背景颜色和字体颜色
【HTML】一个简单的课程表相关推荐
- java swing课程表设计_javaswing.Shedule 这是一个简单的课程表设计，数据连接为oracle 238万源代码下载- www.pudn.com...
文件名称: javaswing.Shedule下载 收藏√ [ 5 4 3 2 1 ] 开发工具: Java 文件大小: 57 KB 上传时间: 2014-10-28 下载次数: 2 提 供 ...
- 用html做一个简单的课程表
用表格做一个课程表 <html><head><title> seraph夜枫课程表设计 </title></head><body> ...
- HTML(1) 实现一个简单的课程表
效果如图: <!DOCTYPE html> <html><head lang="en"><meta charset="UTF-8 ...
- 课表排班java_初学OptaPlanner-02- 基于Spring Boot实现一个简单课程表排班的实例
Spring Boot Java quick start 01. 排班目标 作出一个简单的课程表timetable,示例如下: 时间表的类图 02. Opta的常用注解说明, 关键实体类说明 @Pla ...
- 创建一个简单的后台教务管理系统,包含动态增删改查学生,年级和课程信息及查看登录日志等功能,包含表单验证.
创建一个简单的后台教务管理系统,包含动态增删改查学生,年级和课程信息及查看登录日志等功能,包含表单验证. 一.显示页面 新建一个登录页面,即login.jsp <%--Created by In ...
- 计算机控制电机启动接线图,用PC机并口控制一个简单电路
所谓PC机并口控制,就是要用打印机接口来控制一些外部设备,达到自动化的目的.如学校早操及课间操音乐的自动播放.公共场所照明的自动控制.小型的彩灯的控制.按照课程表进行自动打铃.简易机械加工设备的自动控 ...
- （仿超级课程表）结合MaterialSheetFab实现简单的课程表功能
结合MaterialSheetFab实现简单的课程表功能 一直觉得超级课程表的课表界面做的比较好,所以一直在探索想实现一个类似的功能,琢磨了一段时间,做了一个比较简陋的版本,不敢说是模仿超级课程表,因 ...
- JSP+Mysql 做一个简单的学生成绩查询web系统
IDEA基于JSP+Mysql 做一个简单的学生成绩查询web系统 目录 一.相关软件的下载和配置环境 Java环境的下载和配置 (1)IDEA的下载和安装 (2)JdK的安装 Tomcat的下载 ...
- 计算机word做课程表实验报告,用Word制作简单的课程表
在我们身边,在日常生活中,课课家经常会接触到各式各样的表格,有课程表,有简历等等,表格可以让大家更直接快捷的了解到有用的信息,所以学好制作表格很有必要.那么这些表格是怎样做出来的呢?是不是大家想知道如 ...
最新文章
- 基于深度学习的图像边缘和轮廓提取
- java 计算运算表达式_java字符串运算表达式的计算
- 从Vuex的Actions中理解JavaScript的解构赋值
- 滴滴产品总监：如何合理设计弹窗以保证流畅的用户体验？
- QT的QBarCategoryAxis类的使用
- 【机器学习】 树的剪枝策略
- 公司重金求数据分析师：为什么90%的公司都需要它？
- 2021牛客暑期多校训练营5
- 分享百度文库提交成功的八大因素
- ajax的嵌套需要注意的问题
- SqlServer命名规范
- css3中的transform中的3d变换：translatez()与transform-origin-z()的区别
- Ubuntu 汉化及kate汉化和使用自带终端的解决方式
- 短视频推广引流方案怎么做？看这五点，让你快速裂变涨粉
- windows 任务栏点击无反应，电脑没有任务栏怎么办
- 用java语言画一个可视化日历
- 为什么postgresql最大的单表只能是32TB
- CSS3-@keyframes动画
- 【解决方案】“小饭桌”变成“放心桌”，TSINGSEE青犀视频RTMP推流网关+公有云直播远程监控
- Shell 中的真与假