新闻区内容为什么不紧凑,友情链接和页脚的背景颜色为什么不和显示器同宽

新闻区内容为什么不紧凑,友情链接和页脚的背景颜色为什么不和显示器同宽

<!DOCTYPE html>
<html>
<head>
	<title>慕课网</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
		
<body>
	<!--页头-->
	<table cellspacing="0" width="100%" align="center">
		<!--顶部-->
		<thead>
		<tr bgcolor="#E1F2F9">
			<!--LOGO-->
			<td><img src="images/logo.png"></td>
			<td>
				<table align="left">
					<!--导航-->
					<tr>
						<td><a href="immoc.com">学校概况</a></td>
						<td><a href="immoc.com">机构设置</a></td>
						<td><a href="immoc.com">师资队伍</a></td>
						<td><a href="immoc.com">科学研究</a></td>
						<td><a href="immoc.com">招生就业</a></td>
						<td><a href="immoc.com">图书馆</a></td>
						<td><a href="immoc.com">校长信箱</a></td>
						<td><a href="immoc.com">校园导航</a></td>
					</tr>
				</table>
			</td>
			<!--检索-->
			<td>快速通道<select>
						<option selected>Volvo</option>
						<option >CSS</option>
						<option >Jave</option>
						</select>
			</td>
		</thead>
		</tr>
		<!--banner图-->
		<tr>
			<td colspan="2" ><img src="images/banner.jpg"></td>
		</tr>
		<!--新闻区-->
		<tbody>
			<tr>
			    <td valign="top" width="100%" align="center">
					<table>
						<tr>
							<td>
								<B>慕课快讯&nbsp;&nbsp;基层风采&nbsp;&nbsp;媒体聚焦&nbsp;&nbsp;慕课视频&nbsp;&nbsp;&gt;&gt;</B>
								<br/>&gt;新闻1&nbsp;&nbsp;12-30
								<br/>&gt;新闻2&nbsp;&nbsp;12-30
								<br/>&gt;新闻3&nbsp;&nbsp;12-30
								<br/>&gt;新闻4&nbsp;&nbsp;12-30
								<br/>&gt;新闻5&nbsp;&nbsp;12-30
								<br/>&gt;新闻6&nbsp;&nbsp;12-30
								<br/>&gt;新闻7&nbsp;&nbsp;12-30
								<br/>&gt;新闻8&nbsp;&nbsp;12-30	
							</td>
							<td>
								<B>慕课快讯&nbsp;&nbsp;基层风采&nbsp;&nbsp;媒体聚焦&nbsp;&nbsp;慕课视频&nbsp;&nbsp;&gt;&gt;</B>
								<br/>&gt;新闻9&nbsp;&nbsp;12-30
								<br/>&gt;新闻10&nbsp;&nbsp;12-30
								<br/>&gt;新闻11&nbsp;&nbsp;12-30
								<br/>&gt;新闻12&nbsp;&nbsp;12-30
								<br/>&gt;新闻13&nbsp;&nbsp;12-30
								<br/>&gt;新闻14&nbsp;&nbsp;12-30
								<br/>&gt;新闻15&nbsp;&nbsp;12-30
								<br/>&gt;新闻16&nbsp;&nbsp;12-30	
							</td>
							<td>
								<img src="images/weixin.png" width="100%">
							</td>
					    </tr>
			    	</table>
			    </td>
			</tr>
		<tr>
		<td>近期专题</td>
		<td></td>
		<td></td>
		</tr>
		<tr>
			<td><img src="images/1.png"><br/>教育基金发展专题</td>
			<td><img src="images/2.png"><br/>教育基金发展专题</td>
			<td><img src="images/3.png"><br/>教育基金发展专题</td>
		</tr>
		</table>
		</tbody>
		<!--友情链接-->
		<tfoot>
			<tr>
				<td>&nbsp;&nbsp;</td>
				<td align="center">
					<table align="center" cellspacing="0">
						<tr bgcolor="#E1F2F9">
							<td>文化站点&nbsp;&nbsp;</td>
							<td>信息服务&nbsp;&nbsp;</td>
							<td>校友会&nbsp;&nbsp;</td>
							<td>OA系统&nbsp;&nbsp;</td>
							<td>教务管理系统&nbsp;&nbsp;</td>
							<td>网络教学平台&nbsp;&nbsp;</td>
							<td>VPN服务&nbsp;&nbsp;</td>
							<td>acm/oj&nbsp;&nbsp;</td>
							<td>旧版入口&nbsp;&nbsp;</td>
							<td>站群系统</td>
						</tr>
					</table>
				</td>
				<td>&nbsp;&nbsp;</td>
			</tr>
			<!--页脚区-->
			<tr >
				<td width="100%" >
					<table bgcolor="#89A9BD" align="center">
						<tr>
							<td>Copyright&nbsp;&nbsp;&copy;&nbsp;&nbsp;2017&nbsp;&nbsp;imooc.com&nbsp;&nbsp;All&nbsp;&nbsp;Rights&nbsp;&nbsp;Reserved&nbsp;&nbsp;|&nbsp;&nbsp;京ICP备&nbsp;&nbsp;13046642号-2</td>
						</tr>
					</table>
				</td>	
			</tr>
		</tfoot>

	</table>	
</body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
卡布琦诺 2018-03-21 22:44:32

http://img1.sycdn.imooc.com//climg/5ab26f8000015b0d15490927.jpg

http://img1.sycdn.imooc.com//climg/5ab26f6000013e2c15350940.jpg

http://img1.sycdn.imooc.com//climg/5ab26f600001d47a16550937.jpg

你的代码嵌套的不是很规范,要一个模块一个模块的来写。否则很容易出现开始标签和结束标签不对称。希望可以帮到你~

库恩Kuhn 2018-03-21 19:46:18

还有你的紧凑是什么意思..........

  • 提问者 只要心够决0 #1
    就是新闻区三块分得很开。。。不想示例里面那样挨在一起
    2018-03-21 22:16:37
库恩Kuhn 2018-03-21 19:44:49

你的表格和浏览器不同宽,表格背景颜色自然不和表格同宽,


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师