由于一些知识的不牢固,做出的页面和代码还是有许多问题的。
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
#body {
text-align: center;
}
input {
font-size: 45px;
}
a:link {
text-decoration: none;
color: #000;
}
.css1 {
color: #999;
}
.css2 {
color: #F00;
}
.css3 {
color: #F30;
}
#top #body table tr td {
font-size: 15px;
color: #000;
}
body,td,th {
color: #FFF;
}
#top table {
color: #000;
}
a:active {
color: #D6D6D6;
}
</style>
</head>
<body>
<div id="top">
<table width="1639" height="29" border="0">
<tr>
<td width="53" align="center"><a href="#">新闻</a></td>
<td width="61" align="center"><a href="#">hao123</a></td>
<td width="53" align="center"><a href="#">地图</a></td>
<td width="53" align="center"><a href="#">直播</a></td>
<td width="53" align="center"><a href="#">视频</a></td>
<td width="53" align="center"><a href="#">贴吧</a></td>
<td width="53" align="center"><a href="#">学术</a></td>
<td width="53" align="center"><a href="#"">更多</a></td>
<td width="1066" align="right"><a href="#">设置</a></td>
<td width="120" align="right"><a href="#c"><img src="登录.png" width="62" height="35" /></a></td>
</tr>
</table>
<div id="body">
<p> </p>
<table width="777" border="0" align="center">
<tr>
<td colspan="2" align="center"><img src="百度logo.png" width="294" height="103" /></td>
</tr>
<tr>
<td width="560" height="108" align="right">
<input name="textfield" type="text" id="textfield" />
</form></td>
<td width="207" align="left"><a href="#c"><img src="2]ST(JC%[JHKD2P)F]67RE1.png" alt="" width="135" height="58" /></a></td>
</tr>
<tr>
<td align="left">百度热搜·热搜榜</td>
<td align="center"><a href="#c"><img src="刷新.png" width="31" height="25" />换一换</a></td>
</tr>
<tr>
<td colspan="2" align="center"><table width="100%" border="0">
<tr>
<td width="50%" align="left"><span class="css2">1</span><a href="#c">甘肃越野赛事故成立联合组</a></td>
<td width="50%" align="left"><span class="css1">4 </span><a href="#c">31省区市新增本土确诊2例 在安徽</a></td>
</tr>
<tr>
<td align="left"> <span class="css3">2</span> <a href="#c">外交部建议避免不必要跨境旅行</a></td>
<td align="left"><span class="css1">5 </span><a href="#c">工作室否认王珞推出演艺圈</a></td>
</tr>
<tr>
<td align="left"><span class="css3">3</span> <a href="#c">国台办:愿迅速安排让台胞有疫苗用</a></td>
<td align="left"><span class="css1">6 </span><a href="#c">甘肃越野跑前6名唯一幸存者遭网暴</a></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
<table width="1413" border="0" align="center">
<tr>
<td width="113" height="343" align="left" valign="bottom" style="font-size: 12px;"><a href="#">设为首页</a></td>
<td width="113" align="left" valign="bottom" style="font-size: 12px;"><a href="#">关于百度</a></td>
<td width="113" align="left" valign="bottom" style="font-size: 12px;"><a href="#">About Baidu</a></td>
<td width="113" align="left" valign="bottom" style="font-size: 12px;"><a href="#">使用百度前必读</a></td>
<td width="113" align="left" valign="bottom" style="font-size: 12px;"><a href="#">意见反馈</a></td>
<td width="113" align="left" valign="bottom" style="font-size: 12px;"><a href="#">帮助中心</a></td>
<td width="159" align="left" valign="bottom" style="font-size: 12px;"><a href="#">京公网备1100000200001号</a></td>
<td width="99" align="left" valign="bottom" style="font-size: 12px;"><a href="#">经ICP证030173号</a></td>
<td width="113" align="center" valign="bottom" style="font-size: 12px;">©2021 Baidu</td>
<td width="152" align="left" valign="bottom" style="font-size: 12px;">(京)-经营性-2017-0020</td>
<td width="166" align="left" valign="bottom" style="font-size: 12px;">信息网络传播视听节目许可证</td>
</tr>
</table>
<p> </p>
</div>
</div>
</body>
</html>