练习问题，希望老师给讲解下
来源：2-23 编程练习
qq_終奌傷起奌
2019-08-03 23:26:41
<!DOCTYPE html>
<html>
<head>
<title>练习表格嵌套</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
<table border="1px" width="500px" cellspacing="0px" cellpadding="5px" align="center">
<caption>课程表</caption>
<thead align="center">
<tr bgcolor="orange">
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td rowspan="2">语文</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr>
<td colspan="5">课间活动</td>
</tr>
<tr>
<td rowspan="2">
<table border="1px" cellspacing="0px">
<tr>
<td>前半节</td>
<td>后半节</td>
</tr>
<tr>
<td>诗词</td>
<td>古文</td>
</tr>
</table>
</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
</tbody>
<tfoot align="center">
<tr>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
</tfoot>
</table>
</body>
</html>
运行效果：
没有加以上三个标签就可以运行正常。
<!DOCTYPE html>
<html>
<head>
<title>表格属性</title>
<meta charset="utf-8">
</head>
<body>
<table border="1" width="500" cellspacing="0" cellpadding="5px" align="center">
<caption>课程表</caption>
<tr bgcolor="orange" align="center">
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr align="center">
<td rowspan="2">语文</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td colspan="5">课间活动</td>
</tr>
<tr align="center">
<td rowspan="2">
<table border="1px" cellspacing="0px">
<tr>
<td>前半节</td>
<td>后半节</td>
</tr>
<tr>
<td>诗词</td>
<td>古文</td>
</tr>
</table>
</td>
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>数学</td>
<td>化学</td>
<td>英语</td>
<td>生物</td>
</tr>
</table>
</body>
</html>
运行效果：
1回答
-
好帮手慕星星
2019-08-04
同学你好，
因为tbody和tfoot是分开的，互不影响，所以tbody中内容合并的时候不影响tfoot中的。这里可以将tfoot去掉，全部写在tbody中，如下：
可以重新测试下，祝学习愉快！
0h019-08-04
相似问题
回答 1
回答 1