1.制作一张表格:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="" cellspacing="" cellpadding="">
<capation>考试成绩表</capation>
<thead>
<tr>
<th>姓名</th>
<th>语文</th>
<th>英语</th>
<th>数学</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>90</td>
<td>80</td>
<td>80</td>
</tr>
<tr>
<td>小红</td>
<td>90</td>
<td>90</td>
<td>90</td>
</tr>
<tr>
<td>小杰</td>
<td>90</td>
<td>100</td>
<td>100</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>平均</td>
<td>90</td>
<td>90</td>
<td>90</td>
</tr>
</tfoot>
</table>
</body>
</html>
2.合并小明的英语与数学成绩:
修改小明部分代码为 :
<tr>
<td>小明</td>
<td>90</td>
<td colspan="2">80</td>
<td>80</td>
</tr>
运行发现问题:
3.解决办法:
将数学的80分代码删除,修改后代码如下:
<tr>
<td>小明</td>
<td>90</td>
<td colspan="2">80</td>
</tr>
运行:
问题解决,合并行同理。