首页html利用table实现课表

html利用table实现课表

时间: 2024-11-07 18:09:59 浏览: 5

HTML 使用 `<table>` 标签可以方便地创建表格来展示课程安排，通常称为课表。这是一种常见的结构化数据展示方式。下面是一个简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>课表</title> <style> table { width: 100%; border-collapse: collapse; } th, td { text-align: left; padding: 8px; border-bottom: 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>一</td> <td>9:00-10:30</td> <td>语文</td> <td>张老师</td> </tr> <tr> <td>一</td> <td>14:00-15:30</td> <td>数学</td> <td>李老师</td> </tr>  </tbody> </table> </body> </html> ``` 在这个示例中，`<thead>` 区域包含表头，而 `<tbody>` 区域则列出具体的课程信息。你可以按需添加更多的行来填充实际的课表内容。

阅读全文