3-7作业总结及疑问

来源:3-10 作业题

慕丝6937110

2018-02-08 00:07:36

<html> 
	<head>
	<meta charset = "UTF-8"/>
	<title> 3-7编程练习</title>
	</head>
	
	<body>
		<!--顶部-->
		<div>
				<table  bgcolor = "#E1F2F9" width = "100%">
					<tr>
						<td width = "25%"> <img src= "images\logo.jpg"/> </td>
						<td>学校概况</td>
						<td>机构设置</td>
						<td>师资队伍</td>
						<td>科学研究</td>
						<td>招生就业</td>
						<td>图书馆</td>
						<td>校长信箱</td>
						<td>校园导航</td>
						<td  align = "center" width = "25%">
							快速通道
							<select>
								<option value = "Volvo">Volvo</option>
							</select>
						</td>
					</tr>
				</table>
		</div>
		
		<!--banner图-->
		<div>
			<img src = "images\banner.jpg" width = "100%"/>
		</div>
		
		<!--新闻区-->
		<div>
			<table align = "center" cellspacing = "20px" >
				<tr>
					<td> 
						<B>慕课快讯 基层采风 媒体聚焦 慕课视频 >></B>
					</td>
					<td rowspan = "1">
						<B>慕课快讯 基层采风 媒体聚焦 慕课视频 >></B>
					</td>
					
				</tr>
				<tr>
					<td>
						<p>>慕课平台课程扩容 涵盖多个领域 12-30</p>
						<p>>李克强主持座谈会 葛优刘国栋被请进中南海 12-30</p>
						<p>>台军演习"歼灭"解放军 专家:自欺欺人 12-30</p>
						<p>>气象局停发霾预警? 回应:正协商联合发布机制 12-30</p>
						<p>>独家:小米影业解散宣发部门 宣布成立一年后刹车 12-30</p>
						<p>>"哑巴群众"开口说话 是稿件有误还是新闻造假?12-30</p>
						<p>>要置业,看看2017全球楼市掘金路线图 12-30</p>
						<p>>王健林与房地产越来越远?贾跃亭与房地产越来越近 12-30</p>
					</td>
					<td>
						<p>>慕课平台课程扩容 涵盖多个领域 12-30</p>
						<p>>李克强主持座谈会 葛优刘国栋被请进中南海 12-30</p>
						<p>>台军演习"歼灭"解放军 专家:自欺欺人 12-30</p>
						<p>>气象局停发霾预警? 回应:正协商联合发布机制 12-30</p>
						<p>>独家:小米影业解散宣发部门 宣布成立一年后刹车 12-30</p>
						<p>>"哑巴群众"开口说话 是稿件有误还是新闻造假? 12-30</p>
						<p>>要置业,看看2017全球楼市掘金路线图 12-30</p>
						<p>>王健林与房地产越来越远?贾跃亭与房地产越来越近 12-30</p>
					</td>
					<td>
						<img src = "images\weixin.jpg"/>
					</td>
				</tr>

				<!--友情链接区-->
				<tr>
					<td colspan = "3">近期专题</td>
					
				</tr>
		
				<tr align = "center">
					<td>
						<img src = "images\1.jpg"/>
						<p>教育发展基金专题</p>
					</td>
					<td>
						<img src = "images\2.jpg"/>
						<p>教育发展基金专题</p>
					</td>
					<td>
						<img src = "images\3.jpg"/>
						<p>教育发展基金专题</p>
					</td>
				</tr>	

			</table>
		</div>
		
		<br/>
		
		<!--页脚区-->
		<div>
			<table align = "center" bgcolor = "#E1F2F9" width = "100%" height = "60px">
				<tr>
						<td width = "20%"></td>	
						<td>文化站点</td>
						<td>信息服务</td>
						<td>校友会</td>
						<td>OA系统</td>
						<td>教务管理系统</td>
						<td>网络教学平台</td>
						<td>vpn服务</td>
						<td>acm/oj</td>
						<td>旧版入口</td>
						<td>站群系统</td>
						<td width = "20%"></td>
				</tr>
			</table>
			
			<table bgcolor = "#89A9BD" align = "center"  width = "100%" height = "90px">
				<tr>
					<td align = "center"> Copyright &copy; 2017 imooc.com All Rights Reserved 
						|京ICP备 13046642号-2
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>

又一次修改了之前的作业,原来select标签可以脱离form标签单独使用吗?我在做近期专题部分时,在<tr>中设置了center原来可以使图片下的文字居中到图片下方的中间位置,唯一我还不明白的是:在做“文化站点、信息服务。。。”那一行时,这次我没有选择直接把这10块内容写在一个td中,而是分成了10个td,可是出来的效果是这些文字不像效果图中那样,位置紧凑在中间,我只能再设置了2个空的td,用这2个空的td来设置width,才能达到样张中的效果,但这样的处理似乎不是最好的,有什么更好的办法吗?????

写回答

1回答

怎么都被占用了呢

2018-02-08

select标签可以脱离form标签使用。关于友情链接区,有个方便的方式就是把内容放在一个td中,使用align=“center”水平居中后,文字之间的间距使用空格控制,例如:

http://img.mukewang.com/climg/5a7baf940001805809820439.jpg

0

0 学习 · 36712 问题

查看课程