首页html课程表制作代码

html课程表制作代码

时间: 2024-10-10 17:04:56 浏览: 120

HTML制作课程表通常涉及到使用表格（table）元素来布局每一节课的信息，包括课程名、教师、时间等。下面是一个简单的HTML代码示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>课程表</title> <style> table { width: 100%; border-collapse: collapse; } th, td { text-align: center; padding: 8px; border: 1px solid #ccc; } th { background-color: #f2f2f2; } </style> </head> <body> <h2>课程表</h2> <table> <thead> <tr> <th>课程编号</th> <th>课程名称</th> <th>教师</th> <th>上课时间</th> </tr> </thead> <tbody>  <tr> <td>C01</td> <td>计算机基础</td> <td>张老师</td> <td>周一 9:00-11:00</td> </tr> <tr> <td>C02</td> <td>HTML/CSS</td> <td>李老师</td> <td>周二 14:00-16:00</td> </tr>  </tbody> </table> </body> </html> ``` 你可以将``这部分替换成具体的课程详情，并可根据需要添加更多的课程行。这个代码会生成一个基本的课程表样式。

阅读全文