<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格</title>
<style>
table{
width: 250px;
height: 150px;
}
table,th,td{
border:1px solid gray;
border-collapse: collapse;
}
#th4{
width: 90px;
}
</style>
</head>
<body>
<table>
<caption>用户信息表</caption><!--表格标题-->
<thead><!--语义标签,可以不用-->
<tr>
<th>用户名</th><!--表头列-->
<th>性别</th>
<th>年龄</th>
<th id="th4">家庭住址</th>
</tr>
</thead>
<tbody><!--语义标签,可以不用-->
<tr>
<td>郭嘉</td><!--表格列-->
<td>女</td>
<td>12</td>
<td>河北衡水</td>
</tr>
<tr>
<td>郭嘉</td>
<td>女</td>
<td>12</td>
<td>河北衡水</td>
</tr>
<tr>
<td>郭嘉</td>
<td>女</td>
<td>12</td>
<td>河北衡水</td>
</tr>
</tbody>
</table>
<br />
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2"></td><!--合并两行单元格-->
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2"></td><!--合并两列单元格-->
</tr>
</table>
</body>
</html>
1868
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
