首页html代码实现姓名学号学院专业班级表格的代码

html代码实现姓名学号学院专业班级表格的代码

时间: 2024-12-07 16:19:17 浏览: 12

HTML (Hypertext Markup Language) 通常用于创建网页结构，包括表格来展示信息。下面是一个简单的例子，展示了如何使用 HTML 实现一个包含姓名、学号、学院、专业的班级表格： ```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; } tr:hover {background-color: #f5f5f5;} </style> </head> <body> <h2>学生信息</h2> <table> <thead> <tr> <th>姓名</th> <th>学号</th> <th>学院</th> <th>专业</th> <th>班级</th> </tr> </thead> <tbody>  <tr> <td>张三</td> <td>2021001</td> <td>计算机科学学院</td> <td>计算机科学与技术</td> <td>一班</td> </tr> <tr> <td>李四</td> <td>2021002</td> <td>信息工程学院</td> <td>信息工程</td> <td>二班</td> </tr>  </tbody> </table> </body> </html> ``` 在这个示例中，`<table>`标签定义了表格，`<thead>`包含了表头，`<tbody>`包含了数据行。每个单元格由`<th>`（表头）或`<td>`（数据单元）定义。

阅读全文