Web编写一个班级成绩单,要求有班级平均分、分段分数统计等信息(要求使用跨行跨列)
时间: 2024-05-23 21:15:41 浏览: 76
<!DOCTYPE html>
<html>
<head>
<title>班级成绩单</title>
<style>
table{
border-collapse: collapse;
width: 100%;
margin: 20px 0;
}
th, td{
border: 1px solid black;
padding: 10px;
text-align: center;
}
th{
background-color: #c2d6d6;
font-weight: bold;
font-size: 20px;
}
tr:nth-child(even){
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h1>班级成绩单</h1>
<table>
<thead>
<tr>
<th rowspan="2">姓名</th>
<th colspan="4">成绩</th>
<th rowspan="2">总分</th>
<th rowspan="2">平均分</th>
</tr>
<tr>
<th>语文</th>
<th>数学</th>
<th>英语</th>
<th>科学</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>80</td>
<td>90</td>
<td>85</td>
<td>75</td>
<td>330</td>
<td>82.5</td>
</tr>
<tr>
<td>李四</td>
<td>90</td>
<td>85</td>
<td>70</td>
<td>80</td>
<td>325</td>
<td>81.25</td>
</tr>
<tr>
<td>王五</td>
<td>75</td>
<td>80</td>
<td>95</td>
<td>85</td>
<td>335</td>
<td>83.75</td>
</tr>
<tr>
<td>赵六</td>
<td>85</td>
<td>75</td>
<td>80</td>
<td>90</td>
<td>330</td>
<td>82.5</td>
</tr>
<tr>
<td>平均分</td>
<td>82.5</td>
<td>82.5</td>
<td>82.5</td>
<td>82.5</td>
<td>1320</td>
<td>82.5</td>
</tr>
<tr>
<td>分段分数统计</td>
<td>优秀(90分及以上)</td>
<td>良好(80分-89分)</td>
<td>中等(70分-79分)</td>
<td>及格(60分-69分)</td>
<td>不及格(60分以下)</td>
<td>总人数</td>
</tr>
<tr>
<td>人数</td>
<td>2</td>
<td>3</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>5</td>
</tr>
</tbody>
</table>
</body>
</html>
阅读全文