用html制作一个课表
时间: 2024-10-17 16:11:22 浏览: 19
如何html网页制作教程
在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;
}
tr:hover {background-color: #f5f5f5;}
th {
background-color: #4CAF50;
color: white;
}
</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:00</td>
<td>数学</td>
<td>张老师</td>
</tr>
<tr>
<td>周一</td>
<td>10:30-11:30</td>
<td>英语</td>
<td>李老师</td>
</tr>
<!-- 添加更多的课程行 -->
</tbody>
</table>
</body>
</html>
```
在这个例子中,我们创建了一个包含星期、时间、课程名称和教师四个列的课程表。你可以通过添加`<tr>`标签并对应地填写每个列的内容,来扩展到实际需要的课程信息。
阅读全文