设计一个学生管理系统html
时间: 2023-07-27 20:06:22 浏览: 211
作为一个AI语言模型,我无法直接展示 HTML 代码。但我可以为你提供一个简单的学生管理系统的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>
<header>
<h1>学生管理系统</h1>
</header>
<main>
<section>
<h2>添加学生信息</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age"><br><br>
<label for="gender">性别:</label>
<select id="gender" name="gender">
<option value="male">男</option>
<option value="female">女</option>
</select><br><br>
<label for="department">专业:</label>
<input type="text" id="department" name="department"><br><br>
<input type="submit" value="添加">
</form>
</section>
<section>
<h2>查看学生信息</h2>
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>专业</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
<td>计算机科学</td>
</tr>
<tr>
<td>李四</td>
<td>19</td>
<td>女</td>
<td>软件工程</td>
</tr>
</tbody>
</table>
</section>
</main>
<footer>
<p>版权所有 © 学生管理系统开发小组</p>
</footer>
</body>
</html>
```
上面的代码包含了一个简单的学生管理系统的HTML页面的结构示例,其中包含了添加学生信息和查看学生信息两个功能。你可以根据这个示例来编写你自己的学生管理系统的HTML页面。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_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)