请帮忙确认下代码,还有近期专题和新闻区内容如何对齐?
<!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>
学校概况 机构设置 师资队伍 科学研究 招生就业 图书馆 校长信息 校园导航
</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>慕课网 基层采风 媒体聚焦 慕课视频 >></b></li>
<!-->大于“>”,≷小于“<”-->
<li>>Kotlin与Java的异同看完这篇就够 12-30</li>
<li>>Spring 源码第四弹!深入理解 BeanDefinition12-28</li>
<li>>架构思维成长之微服务 12-28</li>
<li>>从源码看 Jetpack(2-Lifecycle衍生 12-26</li>
<li>>avaSE中的==和equals的联系与区别 12-25</li>
<li>>Web前端开发修炼指南 12-25</li>
<li>>nacos入门系列之配置中心 12-23</li>
<li>>JustAuth 1.15.5 正式发布!快快看过来 12-22</li>
</ul>
</td>
<!--左空隙-->
<td></td>
<!--右列表新闻-->
<td align="left">
<ul type="none" >
<li><b>慕课网 基层采风 媒体聚焦 慕课视频 >></b></li>
<!-->大于“>”,≷小于“<”-->
<li>>Kotlin与Java的异同看完这篇就够 12-30</li>
<li>>Spring 源码第四弹!深入理解 BeanDefinition12-28</li>
<li>>架构思维成长之微服务 12-28</li>
<li>>从源码看 Jetpack(2) -Lifecycle衍生 12-26</li>
<li>>javaSE中的==和equals的联系与区别 12-25</li>
<li>>Web前端开发修炼指南 12-25</li>
<li>>nacos入门系列之配置中心 12-23</li>
<li>>JustAuth 1.15.5 正式发布!快快看过来 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>文化站点 信息服务 校友会 查询系统 教务管理系统 网络教学平台 咨询服务 acm/oj 旧版入口 站群系统
</h5>
</td>
</tr>
<!--页脚区-->
<tr bgcolor="89A9BD" height="70" align="center" valign="middle">
<td>
<h5>copyright © 2017 imooc.com All Rights Reserved|京ICP13046642号-2
</h5>
</td>
</tr>
</table>
</body>
正在回答
同学你好,作业区域是可以上传作业的,会有专门批作业的老师为你进行指导。
另外,新闻区不能和近期专题对齐,是因为ul有默认间距。使用ul布局没有问题,不过当前还没有学习css样式,无法清除,所以建议列表使用p标签包裹,效果更美观。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星