table小案例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table小案例</title>
</head>
<body style="text-align: center">
<table border="1px solid black" cellspacing="0" width="500" cellpadding="5">
<caption><h2>成绩表</h2></caption>
<thead bgcolor="lightblue">
<tr>
<th>姓名</th>
<th>性别</th>
<th>HTML</th>
<th>CSS</th>
<th>JAVASCRIPT</th>
</tr>
</thead>
<tbody>
<tr>
<td>卡卡西</td>
<td rowspan="3">男</td>
<td>80</td>
<td>90</td>
<td>66</td>
</tr>
<tr>
<td>阿凯</td>
<!-- <td>男</td> -->
<td>80</td>
<td>90</td>
<td>66</td>
</tr>
<tr>
<td>鸣人</td>
<!-- <td>男</td> -->
<td>80</td>
<td>90</td>
<td>66</td>
</tr>
<tr>
<td>小樱</td>
<td rowspan="2">女</td>
<td>80</td>
<td>90</td>
<td>66</td>
</tr>
<tr>
<td>翠花</td>
<!-- <td>女</td> -->
<td>80</td>
<td>90</td>
<td>66</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">总计</td>
<td>400</td>
<td>450</td>
<td>330</td>
</tr>
</tfoot>
</table>
</body>
</html>