首页做一个保存学生数据的二维数组html

做一个保存学生数据的二维数组html

时间: 2024-12-16 22:21:28 浏览: 1

做一个简单的HTML表格来保存学生数据，可以利用`<table>`标签创建表格，以及`<tr>`（行）、`<td>`（单元格）来组织数据。假设我们有学生的姓名、年龄和成绩三个字段，示例代码如下： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>学生数据</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; } </style> </head> <body> <h2>学生信息表</h2> <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>成绩</th> </tr> </thead> <tbody>  <tr> <td>张三</td> <td>18</td> <td>95</td> </tr> <tr> <td>李四</td> <td>19</td> <td>92</td> </tr>  </tbody> </table> </body> </html> ``` 在这个例子中，你可以通过替换`<tbody>`部分的`<tr>`元素，随时增加新的学生记录。每行代表一个学生，每个`<td>`标签对应一个字段。

阅读全文