请给我编写一个批量展示学生数据的HTML页面
时间: 2024-06-10 21:05:55 浏览: 14
以下是一个简单的HTML页面示例,可批量展示学生数据:
```html
<!DOCTYPE html>
<html>
<head>
<title>学生数据</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>学生数据</h1>
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>成绩</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
<td>80</td>
</tr>
<tr>
<td>李四</td>
<td>21</td>
<td>女</td>
<td>85</td>
</tr>
<tr>
<td>王五</td>
<td>19</td>
<td>男</td>
<td>90</td>
</tr>
<tr>
<td>赵六</td>
<td>18</td>
<td>女</td>
<td>95</td>
</tr>
</tbody>
</table>
</body>
</html>
```
在上面的示例中,我们使用了HTML的`<table>`标签来展示学生数据,其中`<thead>`标签用于定义表头,`<tbody>`标签用于定义表格的主体部分。每条学生数据都用`<tr>`标签定义,各个属性用`<td>`标签进行划分。您可以根据您的实际需求来修改表头、添加或删除学生数据。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)