HTML 表格
HTML 表格 · 难度：入门 · +10XP
HTML 表格
表格用行列结构展示数据，是网页中常用的数据呈现方式。
基本结构
<table>
<tr>
<th>姓名</th><th>分数</th>
</tr>
<tr>
<td>张三</td><td>85</td>
</tr>
</table>表格标签
| 标签 | 全称 | 用途 |
|---|---|---|
<table> | Table | 表格容器 |
<tr> | Table Row | 一行 |
<th> | Table Header | 表头单元格（加粗居中） |
<td> | Table Data | 数据单元格 |
合并单元格
<td colspan="2">跨两列</td>
<td rowspan="3">跨三行</td>表格美化（CSS）
table{border-collapse:collapse;width:100%}
th,td{border:1px solid #ddd;padding:8px;text-align:left}
th{background:#f1f5f9}
tr:nth-child(even){background:#f9fafb}
tr:hover{background:#dbeafe}???? 练习
- 创建3行3列的学生成绩表
- 使用colspan合并表头
- 添加CSS美化表格