学生成绩评等级html
时间: 2024-09-24 12:14:06 浏览: 27
在HTML中创建一个简单的学生成绩评级系统,通常会使用表格(table)配合一些基本的HTML元素。下面是一个基础的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>学生成绩评级</title>
<style>
.grade {
width: 100px;
border: 1px solid #ccc;
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<h2>学生成绩评级</h2>
<table border="1">
<tr>
<th>分数段</th>
<th>评级</th>
</tr>
<tr>
<td>90分以上</td>
<td class="grade">优秀</td>
</tr>
<tr>
<td>80-89分</td>
<td class="grade">良好</td>
</tr>
<tr>
<td>60-79分</td>
<td class="grade">及格</td>
</tr>
<tr>
<td>60分以下</td>
<td class="grade">不及格</td>
</tr>
</table>
</body>
</html>
```
在这个例子中,每个分数段对应一个`<td>`标签,用于显示评分,而评级结果则通过CSS样式赋予相应的颜色或者文字样式。用户可以根据需要自定义更多的级别或者添加交互功能。
阅读全文