html的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="css/index.css" rel="stylesheet">
<title>百度界面仿写</title>
</head>
<body>
<table border="0" width="100%" height="100px">
<tr height="50%">
<td align="right">
<one>
<br>
<a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1">抗击肺炎</a>
<a href="http://news.baidu.com/">新闻</a>
<a href="https://www.hao123.com/">hao123</a>
<a href="https://www.hao123.com/">地图</a>
<a href="http://v.baidu.com/">视屏</a>
<a href="https://tieba.baidu.com/index.html">贴吧</a>
<a href="http://xueshu.baidu.com/">学术</a>
<a href="http://i.baidu.com/" title="个人中心 账号设置 意见反馈 退出">登陆</a>
<a href="" title="搜索设置 高级搜索 关闭设置 搜索历史">设置</a>
<a href="">更多设置</a>
</one>
</td>
</tr>
<td align="center">
<br>
<br>
<div>
<a href="http://baidu.com/" target="_blank"><img src="images/bd_logo1.png" height="92" width="235" /></a>
</div>
<p>
<form action="https://www.baidu.com/s">
<input type="hidden" name="ie" value="gbk" />
<input type="text" name="wd" style="width: 540px; height: 36px;" />
<button type="submit" style="border: 0; width: 100px; height: 36px; background-color:#385FFF;color: #ffffff;">百度一下</button>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</form>
</p>
</td>
<tr>
<td align="center">
<p>
<img src="images/ewm.jpg" width="60px" height="60px" />
</p>
<three>百度</three>
<two>
<p>
<a href="https://www.baidu.com/cache/sethelp/index.html">
<u>把百度设置为主页</u>  
</a>
<a href="http://home.baidu.com">
<u>关于百度</u>  
</a>
<a href="http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome">
<u>About Baidu </u>
</a>
<a href="http://e.baidu.com/?refer=888">
<u>百度推广</u>
</a>
</p>
<p>
<a href="https://www.baidu.com/duty/">
<u>@2017Baidu 使用百度前必读 </u>
</a>
<a href="http://help.baidu.com/">
<u> 意见反馈</u>
</a>
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">
<u>京ICP整0301731号</u>
<img src="images/erweima.png" height="15" width="15" />
</a>
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">
<u> 京公网安备11000002000001号</u>
<img src="images/erweima.png" height="15" witch="15" />
</a>
</p>
</two>
</td>
</tr>
</table>
</body>
</html>
css代码:
div {
width: 400px;
border: 0px;
padding: 0px;
margin: 25px;
}
one {
font-family: 宋体;
font-size: 13px;
color: black;
}
two {
font-family: 宋体;
font-size: 12px;
color: lightgrey;
}
three {
font-family: 宋体;
font-size: 13px;
color: grey;
}
a {
color: black;
}
运行出来的效果图: