请帮忙确认下代码,还有近期专题和新闻区内容如何对齐?

请帮忙确认下代码,还有近期专题和新闻区内容如何对齐?

<!DOCTYPE html>

<html lang="en">


<head>

<meta charset="UTF-8">

<title>index</title>

</head>


<body>

<table border="0" cellSpacing="0" width="100%">

<!--顶部-->

<tr>

<td>

<table bgcolor="#E1F2F9" align="center" width="100%">

<tr>

<!--logo-->

<td><img src="sucai/images/logo.png" /></td>

<!--左空隙-->

<td></td>

<!--导航-->

<td>

<h5>

学校概况&nbsp;&nbsp;&nbsp;机构设置&nbsp;&nbsp;&nbsp;师资队伍&nbsp;&nbsp;&nbsp;科学研究&nbsp;&nbsp;&nbsp;招生就业&nbsp;&nbsp;&nbsp;图书馆&nbsp;&nbsp;&nbsp;校长信息&nbsp;&nbsp;&nbsp;校园导航&nbsp;&nbsp;&nbsp;

</h5>

</td>

<!--右空隙-->

<td></td>

<!--快速通道-->

<td align="right">

<h5>快速通道</h5>

</td>

<!--下拉列表-->

<td>

<form>

<select name="Volvo">

<option value="Volvo">Volvo</option>

</select>

</form>

</td>

</tr>

</table>

</td>

</tr>

<!--banner区-->

<tr width="100%">

<td><img src="sucai/images/banner.jpg" /></td>

</tr>

<!--新闻区-->

<tr>

<td>

<table align="center" width="1024">

<!--左列表新闻-->

<tr>

<td align="left">

<ul type="none">

<li><b>慕课网&nbsp;基层采风&nbsp;媒体聚焦&nbsp;慕课视频&nbsp;&gt;&gt;</b></li>

<!--&gt;大于“>”,&gl;小于“<”-->

<li>&gt;Kotlin与Java的异同看完这篇就够&nbsp;12-30</li>

<li>&gt;Spring 源码第四弹!深入理解 BeanDefinition12-28</li>

<li>&gt;架构思维成长之微服务&nbsp;12-28</li>

<li>&gt;从源码看 Jetpack(2-Lifecycle衍生&nbsp;12-26</li>

<li>&gt;avaSE中的==和equals的联系与区别&nbsp;12-25</li>

<li>&gt;Web前端开发修炼指南&nbsp;12-25</li>

<li>&gt;nacos入门系列之配置中心&nbsp;12-23</li>

<li>&gt;JustAuth 1.15.5 正式发布!快快看过来&nbsp;12-22</li>

</ul>

</td>

<!--左空隙-->

<td></td>

<!--右列表新闻-->

<td align="left">

<ul type="none" >

<li><b>慕课网&nbsp;基层采风&nbsp;媒体聚焦&nbsp;慕课视频&nbsp;&gt;&gt;</b></li>

<!--&gt;大于“>”,&gl;小于“<”-->

<li>&gt;Kotlin与Java的异同看完这篇就够&nbsp;12-30</li>

<li>&gt;Spring 源码第四弹!深入理解 BeanDefinition12-28</li>

<li>&gt;架构思维成长之微服务&nbsp;12-28</li>

<li>&gt;从源码看 Jetpack(2) -Lifecycle衍生&nbsp;12-26</li>

<li>&gt;javaSE中的==和equals的联系与区别&nbsp;12-25</li>

<li>&gt;Web前端开发修炼指南&nbsp;12-25</li>

<li>&gt;nacos入门系列之配置中心&nbsp;12-23</li>

<li>&gt;JustAuth 1.15.5 正式发布!快快看过来&nbsp;12-22</li>

</ul>

</td>

<!--右空隙-->

<td></td>

<!--按钮区-->

<td><img src="sucai/images/weixin.png" /></td>

</tr>

</table>

</td>

</tr>

<!--近期专题区标题-->

<tr>

<td>

<table width="1024" align="center">

<tr>

<td align="left">近期专题</td>

</tr>

<!--近期专题区内容-->

<tr>

<!--专题1-->

<td>

<div>

<dl><img src="sucai/images/1.png" /></dl>

<dd>教育发展基金专题</dd>

</div>

</td>

<!--左空隙-->

<td></td>

<!--专题2-->

<td>

<div>

<dl><img src="sucai/images/2.png" /></dl>

<dd>教育发展基金专题</dd>

</div>

</td>

<!--右空隙-->

<td></td>

<!--专题3-->

<td>

<div>

<dl><img src="sucai/images/3.png" /></dl>

<dd>教育发展基金专题</dd>

</div>

</td>

</tr>

</table>

</td>

</tr>

<!--友情链接区-->

<tr width="100%" bgcolor="#E1F2F9" height="50" align="center">

<td>

<h5>文化站点&nbsp;&nbsp;信息服务&nbsp;&nbsp;校友会&nbsp;&nbsp;查询系统&nbsp;&nbsp;教务管理系统&nbsp;&nbsp;网络教学平台&nbsp;&nbsp;咨询服务&nbsp;&nbsp;acm/oj&nbsp;&nbsp;旧版入口&nbsp;&nbsp;站群系统

</h5>

</td>

</tr>

<!--页脚区-->

<tr bgcolor="89A9BD" height="70" align="center" valign="middle">

<td>

<h5>copyright&nbsp;&COPY;&nbsp;2017&nbsp;imooc.com&nbsp;All&nbsp;Rights&nbsp;Reserved|京ICP13046642号-2

</h5>

</td>

</tr>

</table>

</body>

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

正在回答

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

1回答

同学你好,作业区域是可以上传作业的,会有专门批作业的老师为你进行指导。

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

另外,新闻区不能和近期专题对齐,是因为ul有默认间距。使用ul布局没有问题,不过当前还没有学习css样式,无法清除,所以建议列表使用p标签包裹,效果更美观。

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

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

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

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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