首页html利用table实现学生课表

html利用table实现学生课表

时间: 2024-11-27 18:12:49 浏览: 11

HTML通过`<table>`标签可以方便地创建表格，用来展示学生课程表的信息。下面是一个简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>学生课表</title> <style> table { width: 100%; border-collapse: collapse; } th, td { padding: 8px; text-align: left; 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> <th>教室</th> </tr> </thead> <tbody>  <tr> <td>2023-04-01</td> <td>8:00-9:30</td> <td>数学</td> <td>张老师</td> <td>A101</td> </tr> <tr> <td>2023-04-01</td> <td>10:00-11:30</td> <td>英语</td> <td>李老师</td> <td>B105</td> </tr>  </tbody> </table> </body> </html> ``` 在这个例子中，`<thead>`部分用于定义表头，包含列标题；`<tbody>`则包含实际的数据行。你可以按需添加更多的`<tr>`标签来表示每个学生的每一天的课程安排。

阅读全文