HTML 表格深入

学习colspan/rowspan · 难度：进阶 · +15XP

HTML 表格深入 colspan/rowspan

合并单元格创建复杂表格布局。

colspan跨列

<td colspan="2">跨两列</td>
<th colspan="3">成绩单</th>

rowspan跨行

<td rowspan="2">跨两行</td>

完整示例

<table border="1">
<tr><th colspan="3">学生成绩表</th></tr>
<tr><th>姓名</th><th>语文</th><th>数学</th></tr>
<tr><td>张三</td><td>85</td><td rowspan="2">优秀</td></tr>
<tr><td>李四</td><td>92</td></tr>
</table>

???? 练习

1. 创建课程表(跨列跨行)
2. 创建带合并单元格的报表