xy95

效果图:

实现代码:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>课程表</title>
</head>
<body>
<p align="center">成绩表</p>
<table border="2px" align="center" bordercolor="blue" width="600px" height="300px">
<tr align="center">
<td>项目</td>
<td colspan="5" >上课</td>
<td colspan="2" >休息</td>
</tr>
<tr align="center">
<td>星期</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期日</td>
</tr>
<tr align="center">
<td rowspan="4">上午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td rowspan="4">休息</td>
</tr>
<tr align="center">
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
<tr align="center">
<td>化学</td>
<td>语文</td>
<td>体育</td>
<td>计算机</td>
<td>英语</td>
<td>计算机</td>
</tr>
<tr align="center">
<td>政治</td>
<td>英语</td>
<td>体育</td>
<td>历史</td>
<td>地理</td>
<td>计算机</td>
</tr>
<tr align="center">
<td rowspan="2">下午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td>英语</td>
<td rowspan="2">休息</td>
</tr>
<tr align="center">
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>

</table>
</body>
</html>

 

分类:

技术点:

相关文章:

  • 2021-12-12
  • 2021-12-12
  • 2021-12-09
  • 2022-01-03
  • 2021-05-19
  • 2021-11-06
  • 2021-12-14
猜你喜欢
  • 2021-12-09
  • 2021-12-14
  • 2021-12-24
  • 2021-12-12
  • 2021-12-09
  • 2021-11-27
相关资源
相似解决方案