本文介绍了一个简单的HTML学生信息表格，展示了如何使用表格标签来呈现学生的基本信息，并通过rowspan和colspan属性实现了单元格的合并。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div style="text-align: center;">
<table border="1" width="500" height="300" >
<caption><h1>学生信息表格</h1></caption>
<tr >
<!-- 快速复制快捷键：shift+alt+下箭头 -->
<th>年级</th>
<th>姓名</th>
<th>学号</th>
<th>班级</th>
</tr>
<tr>
<!-- 列合并rowspan -->
<td rowspan="2" >高三</td>
<td>张三</td>
<td>110</td>
<td>三年级二班</td>
</tr>
<tr>
<td>赵四</td>
<td>120</td>
<td>三年级四班</td>
</tr>
<tr>
<td>评语</td>
<!-- 行合并colspan -->
<td colspan="3">你们都很优秀</td>
</tr>
</table>
</div>
</body>
</html>
扫一扫
741
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
