如何用H5代码写一个课程表

最新推荐文章于 2023-09-12 23:25:20 发布

G计算机1903李士坡

最新推荐文章于 2023-09-12 23:25:20 发布

阅读量447

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/2201_75677643/article/details/132837926

版权

这是运行效果图

以下是一段示例课程表的HTML代码：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>课程表</title>
  <style>
   table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
   }

   td {
    border: 1px solid #ccc;
    height: 100px;
   }

   .a {
    background-color: skyblue;
   }

   .b {
    background-color: skyblue;
   }
  </style>
 </head>
 <body>
  <table>
   <tr>
    <td></td>
    <td>星期一</td>
    <td>星期二</td>
    <td>星期三</td>
    <td>星期四</td>
    <td>星期五</td>
   </tr>
   <tr class="a">
    <td>第一二节</td>
    <td></td>
    <td>人工智能与应用<br />徐国清<br

最低0.47元/天解锁文章

G计算机1903李士坡

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
如何用H5代码写一个课程表

这是一份示例课程表，展示了一个星期内的课程安排。每天根据时间段来进行划分，每个时间段可以容纳两个课程。教师姓名和班级信息列在每个课程的下方。这个示例课程表涵盖了多个学科，包括人工智能与应用、企业网站综合实训、信息安全、形势与政策、前端框架技术和计算机网络基础。在星期一和星期五的第五六节有一个课程是影视编辑与合成。该课程表可以用于学生管理自己的课程安排，提醒自己在每个时间段准时上课。根据实际情况，可以修改课程信息和时间安排。
复制链接

扫一扫