老师，请问为什么我的实现效果和效果图不一样呢？
来源：3-10 作业题
qq_慕后端9222573
2019-06-02 15:03:42
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <table width="100%" cellpadding="0" cellspacing="0"> <tr valign="middle" bgcolor="#E1F2F9"> <td><!--顶部--> <img src="images/logo.png"/> </td> <td> <span>学校概况 </span> <span>机构设置 </span> <span>师资队伍 </span> <span>科学研究 </span> <span>招生就业 </span> <span>图书馆 </span> <span>校长信箱 </span> <span>校园导航</span> </td> <td> <form action=""> <label>快速通道</label> <select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </form> </td> </tr> <tr> <td><img src="images/banner.jpg" width="100%"/></td><!--banner区--> </tr> <tr> <td><!--新闻区--> <table width="1200" cellpadding="20px"> <tr> <td><b>慕课快讯 基层采风 媒体聚焦 慕课视频 >></b></td> <td><b>慕课快讯 基层采风 媒体聚焦 慕课视频 >></b></td> <td rowspan="9"><img src="images/weixin.png"/> </td> </tr> <tr> <td>> 慕课平台课程扩容 涵盖多个领域 12-30</td> <td>> 慕课平台课程扩容 涵盖多个领域 12-30</td> </tr> <tr> <td>> 李克强主持座谈会 葛优刘国梁被请进中南海 12-30</td> <td>> 李克强主持座谈会 葛优刘国梁被请进中南海 12-30</td> </tr> <tr> <td>> 台军演习“歼灭”解放军 专家：自欺欺人 12-30</td> <td>> 台军演习“歼灭”解放军 专家：自欺欺人 12-30</td> </tr> <tr> <td>> 气象局停发霾预警 ？ 回应：正协商联合发布机制 12-30</td> <td>> 气象局停发霾预警 ？ 回应：正协商联合发布机制 12-30</td> </tr> <tr> <td>> 独家 ：小米影业解散宣发部门 宣布成立一年后刹车 12-30</td> <td>> 独家 ：小米影业解散宣发部门 宣布成立一年后刹车 12-30</td> </tr> <tr> <td>> “ 哑巴群众 ”开口说话 是稿件有误还是新闻造假 ？12-30</td> <td>> “ 哑巴群众 ”开口说话 是稿件有误还是新闻造假 ？12-30</td> </tr> <tr> <td>> 要置业 ，看看2017全球楼市掘金路线图 12-30</td> <td>> 要置业 ，看看2017全球楼市掘金路线图 12-30</td> </tr> <tr> <td>> 王健林与房地产越来越远 ？贾跃亭与房地产越来越近 ？12-30</td> <td>> 王健林与房地产越来越远 ？贾跃亭与房地产越来越近 ？12-30</td> </tr> </table> </td> </tr> <tr> <td> <table> <tr> <td colspan="3">近期专题</td> </tr> <tr> <td> <img src="images/1.png"/> <p>教育发展基金专题</p> </td> <td> <img src="images/2.png"/> <p>教育发展基金专题</p> </td> <td> <img src="images/3.png"/> <p>教育发展基金专题</p> </td> </tr> </table> </td> </tr> <tr bgcolor="#E1F2F9" valign="middle"> <td> <span>文化站点</span> <span>信息服务</span> <span>校友会</span> <span>OA系统</span> <span>教务管理系统</span> <span>网络教学平台</span> <span>vpn服务</span> <span>acm/oj</span> <span>旧版入口</span> <span>站群系统</span> </td> </tr> <tr bgcolor="#89A9BD"> <td>Copyright © 2017 imooc.com All Rights Reserved | 京ICP备 13046642号-2</td><!--页脚区--> </tr> </table> </body> </html>
写回答
2回答
-
好帮手慕糖
2019-06-02
你好，其他下面几个区域的也要合并哦，近期专题因为背景是白色的，所以添加了，也看不到，不过可以设置给居中哦，给嵌套的表格设置align=“center”属性。
页脚区也是要设置的，顶部的宽度是100%，是没有问题的哦。
祝学习愉快！
0 -
好帮手慕糖
2019-06-02
同学你好，同一表格下，不同的行，列数要相等，第一行（顶部）是三列，所以其他行，可以合并下列，例：
然后给嵌套的表格设置下居中即可。
希望能帮助到你，欢迎采纳。
祝学习愉快！
0h019-06-02
相似问题