使用HTML/DHTML技术制作一个本学期使用的课表
时间: 2024-01-16 10:02:54 浏览: 28
以下是简单的一个使用HTML和CSS的课表示例,你可以根据实际情况进行修改和美化:
```html
<!DOCTYPE html>
<html>
<head>
<title>本学期课表</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: center;
padding: 10px;
border: 1px solid black;
}
th {
background-color: #ddd;
}
</style>
</head>
<body>
<h1>本学期课表</h1>
<table>
<tr>
<th>时间</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
<th>周日</th>
</tr>
<tr>
<td>8:00-9:40</td>
<td>数学</td>
<td>英语</td>
<td>语文</td>
<td>物理</td>
<td>化学</td>
<td></td>
<td></td>
</tr>
<tr>
<td>10:00-11:40</td>
<td>英语</td>
<td>语文</td>
<td>物理</td>
<td>化学</td>
<td>数学</td>
<td></td>
<td></td>
</tr>
<tr>
<td>14:00-15:40</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>物理</td>
<td>化学</td>
<td></td>
<td></td>
</tr>
<tr>
<td>16:00-17:40</td>
<td>物理</td>
<td>化学</td>
<td>数学</td>
<td>英语</td>
<td>语文</td>
<td></td>
<td></td>
</tr>
<tr>
<td>19:00-20:40</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
</tr>
</table>
</body>
</html>
```
在这个例子中,我们创建了一个包含表格的页面,用于显示本学期的课程安排。我们使用了HTML中的`<table>`标签来创建表格,并使用CSS设置了表格的样式。我们使用`<tr>`来创建表格的行,使用`<th>`和`<td>`来创建表格的单元格,分别用于表头和表格内容。我们还在页面顶部添加了一个标题,用于显示课表的名称。