3-7作业
来源：3-10 作业题
soso_crazy
2018-06-02 22:03:07
应该使用什么方法使顶部和友情连接区和页脚区居中显示并显示颜色？是插入表格的形式吗？
近期专题几个文字如何紧贴图片？
banner图如何居中？
如何使友情链接区有颜色？
页面的整体布局采用表格的方式吗？
<!DOCTYPE html>
<html>
<head>
<title>homework</title>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8"/>
</head>
<body>
<div>
<!--页面顶部-->
<div>
<!--插入一个一行三列的表格作为导航-->
<table bgcolor="#E1F2F9" align="center" width="100%">
<tr>
<!--logo-->
<div><td><img src="素材/images/logo.png"/ align="center"></td></div>
<!--导航-->
<div>
<td>
<ul>
<li>学校概况</li>
<li>机构设置</li>
<li>师资队伍</li>
<li>科学研究</li>
<li>招生就业</li>
<li>图书馆</li>
<li>校长信箱</li>
<li>校园导航</li>
</ul>
</td>
<td>
<!--插入下拉菜单-->
<form>
<select>
快速通道<option value="volvo" selected>volvo</option>
<option value="haha" >haha</option>
<option value="nono" >nono</option>
</select>
</form>
</td>
</div>
</tr>
</table>
</div>
<!--页面主体-->
<div>
<!--banner区-->
<div><img src="素材/images/banner.jpg" align="center"/></div>
<!--新闻区-->
<div>
<!--插入一行三列的表格-->
<table align="center">
<tr>
<!--第一列：校园快讯1-->
<td>
<dl>
<dt><b>慕课快讯 基层风采 媒体聚焦 慕课视频</b></dt>
<dd>慕课平台课程扩容 涵盖多个领域 12-30</dd>
<dd>李克强主持座谈会 葛优刘国梁被请进中南海 12-30</dd>
<dd>台军演习歼灭解放军 专家：自欺欺人 12-30</dd>
<dd>气象局停发霾预警 回应：正协商发布 12-30</dd>
<dd>独家：小米影业解散宣发部门 宣布成立一周年后解散 12-30</dd>
<dd>“哑巴群众”开口说话 是稿件有误还是新闻造假 12-30</dd>
<dd>要置业：看看2017年全球楼市掘金路进图 12-30</dd>
<dd>王健林与房地产越来越远？贾玉婷与房地产越来越近 12-30</dd>
<dl>
<td>
<!--第二列：校园快讯2-->
<td>
<dl>
<dt><b>慕课快讯 基层风采 媒体聚焦 慕课视频</b></dt>
<dd>慕课平台课程扩容 涵盖多个领域 12-30</dd>
<dd>李克强主持座谈会 葛优刘国梁被请进中南海 12-30</dd>
<dd>台军演习歼灭解放军 专家：自欺欺人 12-30</dd>
<dd>气象局停发霾预警 回应：正协商发布 12-30</dd>
<dd>独家：小米影业解散宣发部门 宣布成立一周年后解散 12-30</dd>
<dd>“哑巴群众”开口说话 是稿件有误还是新闻造假 12-30</dd>
<dd>要置业：看看2017年全球楼市掘金路进图 12-30</dd>
<dd>王健林与房地产越来越远？贾玉婷与房地产越来越近 12-30</dd>
<dl>
</td>
<!--第三列：放图片-->
<td><img src="素材/images/weixin.png"/></td>
</tr>
</table>
<!--近期专题-->
<table align="center">
<tr>
<p align="center">近期专题：
<td>
<dl>
<dt><img src="素材/images/1.png"></dt>
<dd>教育发展基金专题</dd>
</dl>
</td>
<td>
<dl>
<dt><img src="素材/images/2.png"></dt>
<dd>教育发展基金专题</dd>
</dl>
</td>
<td>
<dl>
<dt><img src="素材/images/3.png"></dt>
<dd>教育发展基金专题</dd>
</dl>
</td>
</tr>
</table>
</div>
</div>
<!--页脚-->
<div>
<table align="center" bgcolor="#89A9BD">
<tr>
<!--友情链接区-->
<div>
<a href="http:www.immoc.com">文化站点</a>
<a href="http:www.immoc.com">信息服务</a>
<a href="http:www.immoc.com">校友会</a>
<a href="http:www.immoc.com">OA系统</a>
<a href="http:www.immoc.com">教务管理系统</a>
<a href="http:www.immoc.com">网络教学平台</a>
<a href="http:www.immoc.com">VPN服务</a>
<a href="http:www.immoc.com">acm/oj</a>
<a href="http:www.immoc.com">旧版本入口</a>
<a href="http:www.immoc.com">站群系统</a>
</div>
<!--页脚区-->
<div>
<p align="center">Copyright© 2017 immoc.com All Rights Reserved | 京ICP备 13046642号-2</p>
</div>
</tr>
</table>
</div>
</div>
</body>
</html>
2回答
-
好帮手慕糖
2018-06-04
你好，背景颜色，可以设置给顶部所在的行，或者设置给顶部所在的表格（如果顶部是单独的一个表格的话），span标签用来存放每一个导航项呀，可以结合上一个回答中图片中的代码来看。
祝学习愉快~
0 -
好帮手慕糖
2018-06-03
你好，如下这里多了一个引号，
1、这里背景颜色可以使用bgcolor属性；这里是内容居中，可以使用align属性。
2、“近期专题几个文字如何紧贴图片？”这里不太理解，建议：可以详细描述下。
3、banner区域，不需要设置居中，是要实现宽度100%哦。
4、这里背景颜色可以使用bgcolor属性；
5、这里可以全部使用表格来进行布局，以顶部为例：
其他建议：新闻区域，每条新闻可以使用一个p标签来实现。
td标签直接存放在tr标签下，不需要使用div标签包裹。
顶部的导航，使用li的话，当前我们无法修改它默认的样式，建议：可以使用span标签来实现。
祝学习愉快！
0h018-06-04
相似问题