修改之后，页脚显示不对

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<title>3-10 homework</title>
</head>
<body>
	<table width="100%" align="center" cellspacing="0">		
		<tr bgcolor="E1F2F9" height="20px"><!--header-->
			<td align="center" width="300px"><img src="images/logo.png"></td>
			<td align="center">
				<ul>
					<li>学校概况</li>
					<li>机构设置</li>
					<li>师资队伍</li>
					<li>科学研究</li>
					<li>招生就业</li>
					<li>图书馆</li>
					<li>校长信箱</li>
					<li>校园导航</li>
				</ul>
			</td>
			<td align="center" width="300px">快速通道
				<select name="selection">
					<option value="option1" selected>选项1</option>
					<option value="option2">选项2</option>
					<option value="option3">选项3</option>
					<option value="option4">选项4</option>
					<option value="option5">选项5</option>	
				</select>
			</td>
		</tr>		
		<tr><!--banner-->
			<td width="100%" colspan="3"><img src="images/banner.jpg" alt="banner" width="100%"></td>	
		</tr>		
		<tr colspan="3"><!--news and link-->
			<table width="1200px" align="center">
				<tr>
					<td>
						<h4><b>慕课快讯&nbsp;基层采风&nbsp;媒体聚焦&nbsp;慕课视频&nbsp;>&nbsp;></b></h4>
						&gt;&nbsp;慕课平台课程扩容&nbsp;涵盖多个领域&nbsp;12-30<br/>
						&gt;&nbsp;李克强主持座谈会&nbsp;葛优刘国梁被请进中南海&nbsp;12-30<br/>
						&gt;&nbsp;台军演戏“歼灭”解放军&nbsp;专家：自欺欺人&nbsp;12-30<br/>
						&gt;&nbsp;气象局停发霾预警？回应：正协商利联合发布机制&nbsp;12-30<br/>
						&gt;&nbsp;独家：小米影业解散宣发部门&nbsp;宣布成立一年后刹车&nbsp;12-30<br/>
						&gt;&nbsp;“哑巴群众”开口说话&nbsp;是稿件有误还是新闻造假？&nbsp;12-30<br/>
						&gt;&nbsp;要置业，看看2017全球楼市掘金路线图&nbsp;12-30<br/>
						&gt;&nbsp;王健林与房地产越来越远？贾跃亭与房地产越来越近&nbsp;12-30
					</td>
					<td>
						<h4><b>慕课快讯&nbsp;基层采风&nbsp;媒体聚焦&nbsp;慕课视频&nbsp;>&nbsp;></b></h4>
						&gt;&nbsp;慕课平台课程扩容&nbsp;涵盖多个领域&nbsp;12-30<br/>
						&gt;&nbsp;李克强主持座谈会&nbsp;葛优刘国梁被请进中南海&nbsp;12-30<br/>
						&gt;&nbsp;台军演戏“歼灭”解放军&nbsp;专家：自欺欺人&nbsp;12-30<br/>
						&gt;&nbsp;气象局停发霾预警？回应：正协商利联合发布机制&nbsp;12-30<br/>
						&gt;&nbsp;独家：小米影业解散宣发部门&nbsp;宣布成立一年后刹车&nbsp;12-30<br/>
						&gt;&nbsp;“哑巴群众”开口说话&nbsp;是稿件有误还是新闻造假？&nbsp;12-30<br/>
						&gt;&nbsp;要置业，看看2017全球楼市掘金路线图&nbsp;12-30<br/>
						&gt;&nbsp;王健林与房地产越来越远？贾跃亭与房地产越来越近&nbsp;12-30
					</td>
					<td align="center"><img src="images/weixin.png" alt="weixin"></td>
				</tr>
			</table>
		</tr>
		<!--latest topic-->
		<tr>
			<td colspan="3">
				<table width="1200px" align="center">
					<tr><td colspan="3">近期专题</td></tr>
					<tr>
						<td align="center"><img src="images/1.png" alt="1"></td>
						<td align="center"><img src="images/2.png" alt="2"></td>
						<td align="center"><img src="images/3.png" alt="3"></td>
					</tr>
					<tr>
						<td align="center">教育发展基金专题</td>
						<td align="center">教育发展基金专题</td>
						<td align="center">教育发展基金专题</td>
					</tr>
				</table>
			</td>
		</tr>
		<!--footer-->
		<tr height="40px" bgcolor="E1F2F9" align="center" width="1200px">
			<td colspan="3">
			文化站点&nbsp;信息服务&nbsp;校友会&nbsp;OA系统&nbsp;教务管理系统&nbsp;网络教学平台&nbsp;vpn服务&nbsp;acm/oj&nbsp;旧版入口&nbsp;站群系统
			</td>
		</tr>
		<tr height="40px" bgcolor="89A9BD" align="center" width="1200px">
			<td colspan="3">
			Copyright&nbsp;&copy;&nbsp;2017&nbsp;imooc.com&nbsp;All&nbsp;Rights&nbsp;Reserved&nbsp;|&nbsp;京ICP备&nbsp;13046642号-2
			</td>
		</tr>
	</table>
</body>
</html>

慕少7337496 2019-09-09

源自：项目：搭建网页结构 3-10 作业题

收起

3回答

好帮手慕码 2019-09-18 10:22:57

同学你好！
布局不合理表现在1.与其他内容快相比：

2.本来在html中设置了标签，在控制台解析时候没有显示出来：

所以如之前回复的，给底部也设置了table标签就可以了，这样那些没有解析出来的标签就可以解析出来了。并且代码中不合理的原因在于，代码里层写了太多table标签了。同学可以注释掉测试一下。

如果帮助到了你，欢迎采纳，祝学习愉快~

收起回答

好帮手慕码 2019-09-16 11:12:41

同学你好！

可以看下控制台的页脚，布局不合理，所以解析如此：

最简单的解决方法是给页脚也添加一个table标签：

如果帮助到了你，欢迎采纳，祝学习愉快~

收起回答

提问者慕少7337496 #1

没听明白，布局不合理是指怎么不合理呢？

2019-09-18 08:40:54

好帮手慕码 2019-09-09 17:16:04

同学你好！
可以给页脚也添加一个table标签：

效果：

如果帮助到了你，欢迎采纳，祝学习愉快~

收起回答

提问者慕少7337496 #1

请问原先那样写不对的原因在哪里呢？

2019-09-16 10:08:25
提问者慕少7337496 #2

因为我写header的时候也没有为header单独添加一个table标签，但是显示是没有问题的，为什么我需要给页脚单独添加table标签才能显示正常呢？

2019-09-16 10:10:27