html做一个学生档案表
时间: 2024-12-13 11:20:20 浏览: 2
HTML可以用来创建一个简单的学生档案表格,通过`<table>`标签来组织数据,列用`<th>`(表头)表示字段,行用`<tr>`表示记录,单元格则用`<td>`表示。以下是一个基本示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>学生档案表</title>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h2>学生档案表</h2>
<table>
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>年龄</th>
<th>班级</th>
<th>联系方式</th>
</tr>
</thead>
<tbody>
<!-- 这里可以添加每个学生的信息 -->
<tr>
<td>1</td>
<td>张三</td>
<td>18</td>
<td>高三(1)班</td>
<td>13912345678</td>
</tr>
<!-- 添加更多学生的行... -->
</tbody>
</table>
</body>
</html>
```
在这个例子中,你可以将"<!-- 添加更多学生的行... -->"这部分替换成实际的学生信息,每行对应一个学生。
阅读全文