首页html写大学教室课表

html写大学教室课表

时间: 2024-09-19 10:08:53 浏览: 39

HTML可以用来创建网页结构，包括显示大学教室课表。下面是一个简单的例子，展示如何使用HTML5创建一个基本的课表布局： ```html <!DOCTYPE html> <html lang="zh-CN"> <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; } tr:hover {background-color: #f5f5f5;} th { background-color: #4CAF50; color: white; } </style> </head> <body> <h1>大学教室课表</h1> <table> <thead> <tr> <th>日期</th> <th>课程名称</th> <th>教师</th> <th>教室</th> </tr> </thead> <tbody>  <tr> <td>2023-03-07</td> <td>计算机科学导论</td> <td>张老师</td> <td>教A-101</td> </tr> <tr> <td>2023-03-09</td> <td>线性代数</td> <td>李教授</td> <td>教B-206</td> </tr>  </tbody> </table> </body> </html> ``` 在这个例子中，我们使用了`<table>`元素来创建表格，`<thead>`和`<tbody>`分别包含表头和主体内容，`<tr>`用于定义每一行，而`<th>`和`<td>`则分别代表表头单元格和数据单元格。你可以根据实际需要替换或增加更多的课程信息。

阅读全文