新闻区的代码总是对不齐
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<!--导航页-->
<table width="100%" align="center" cellspacing="0">
<!--顶部-->
<tr bgcolor="#E1F2F9" height="80px" width="100%">
<td width="20%"><img src="images/logo.png" alt="logo"/></td>
<td width="60%" align="center" cellpadding="10">
<table>
<tr>
<td>学校概况</td>
<td>机构设置</td>
<td>师资队伍</td>
<td>科学研究</td>
<td>招生就业</td>
<td>图书馆</td>
<td>校长信箱</td>
</tr>
</table>
</td>
<td width="20%">快速通道<select><option>Volvo</option>></select></td>
</tr>
<!--banner区-->
<tr align="center"><td colspan="3"><img width="100%" src="images/banner.jpg"/></td></tr>
<!--新闻区-->
<tr width="100%" align="center" cellspacing="0" >
<td colspan="3">
<table>
<tr>
<td>
<table width="30%" cellspacing="0" align="center">
<tr><td><b>慕课快讯</b></td><td><b>基层风采</b></td><td><b>媒体聚焦</b></td><td><b>慕课视频>></b></td></tr>
<tr><td colspan="3"></tr>>慕课平台课程扩容 涵盖多个领域</td><td>12-30</td></tr>
<tr><td colspan="3"></tr>>李克强主持座谈会 葛优刘国梁被请进中南海</td><td>12-30</td></tr>
<tr><td colspan="3"></tr>>台军演戏歼灭解放军 专家：自欺欺人</td><td>12-30</td></tr>
</table>
</td>
</tr>
<tr>
<h6 align="left">近期专题</h6>
<td><img src="images/1.png" /><p align="center">教育发展基金专题</p></td>
<td><img src="images/2.png" /><p align="center">教育发展基金专题</p></td>
<td><img src="images/3.png" /><p align="center">教育发展基金专题</p></td>
</tr>
</table>
</td>
</tr>
<!--友情链接区-->
<tr width="100%" height="60px" bgcolor="#E1F2F9" align="center">
<td colspan="3">
<table cellspacing="0">
<tr>
<td>文化站点 </td>
<td>信息服务 </td>
<td>校友会 </td>
<td>OA系统 </td>
<td>教务管理系统 </td>
<td>网络教学平台 </td>
<td>vpn服务 </td>
<td>acm/oj </td>
<td>旧版
入口 </td>
<td>站群系统 </td>
</tr>
</table>
</td>
</tr>
<!--页脚区-->
<tr height="60px" bgcolor="#89A9BD" align="center">
<td width="60%" align="center" colspan="3">
Copyright © 2017 imooc.com All Rights Reserved | 京ICP备1304642号-2
</td>
</tr>
</table>
</body>
</html>
正在回答 回答被采纳积分+1
你好同学 ,新闻区域和专题区域不要放在一个盒子里面 ,否则一列的宽度会有所影响 ,代码中近期专题标题写在了新闻区域上面 . 并且新闻区列表也嵌套表格结构上不太简洁 ,参照如下思路优化 :
新闻区域与近期专题分别嵌套表格
新闻区的布局建议放在一个表格中,分两行三列布局.新闻标题可以用<th>进行加粗,新闻列表单独放在自己的<td>中.表格建议宽度设置为65%,并设置居中.列表可以使用<p>标签 , 使用>实现箭头效果
参考代码如下:
近期专题:
专题区也放在一个表格中,分三行三列显示.标题可以使用单元格合并(colspan="3").表格建议宽度设置为65%,并设置居中 . 图片与文字需要设置居中.
参考代码如下:
完善一下吧 , 祝学习愉快 ,望采纳 .
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星