修改之后，页脚显示不对

<!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