HTML5中怎么用表格制作一个课程表
在HTML5中，可以使用<table>元素来创建一个课程表。以下是一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<title>课程表</title>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: left;
}
thead {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h1>课程表</h1>
<table>
<thead>
<tr>
<th>时间/日期</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
</thead>
<tbody>
<tr>
<td>8:00-9:00</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>物理</td>
<td>化学</td>
</tr>
<!-- 其他时间段的课程可以继续添加 -->
</tbody>
</table>
</body>
</html>这段代码创建了一个基本的课程表，包含了时间、星期一到星期五的课程信息。可以根据实际需要添加更多的时间段和课程信息。
评论已关闭