首页html制作课程表的代码

html制作课程表的代码

时间: 2024-10-06 15:03:20 浏览: 33

在HTML中创建一个简单的课程表可以利用表格（table）元素来组织信息。下面是一个基本的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>课程表</title> <style> table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } th, td { padding: 10px; text-align: left; border: 1px solid #ddd; } 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>9月1日</td> <td>上午8:00 - 10:00</td> <td>语文</td> <td>李老师</td> </tr> <tr> <td>9月1日</td> <td>下午14:00 - 16:00</td> <td>数学</td> <td>张老师</td> </tr>  </tbody> </table> </body> </html> ``` 这个示例展示了如何创建一个包含日期、时间、课程名和教师的简单课程表。你可以通过复制并粘贴这个结构，然后替换`<tbody>`部分的`<tr>`标签内容来定制你的课程表。

阅读全文