<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.top{
width:100%;
height:64px;}
.top>.title{
height:64px;
float:right;}
.top>.title>span{
line-height:64px;
float:right;}
.top>.title>span>a{
font-size:13px;
font-family:"宋体";
text-decoration:underline;
color:#333}
.top>.title>span>.bold{
font-weight:bold;}
.list{
border:0;
height:25px;
width:60px;
background:#36F;
color:#fff;}
.pic{
text-align:center;
margin-bottom:30px;}
.logo{
height:130px;
width:270px;}
.search{
text-align:center;}
.input{
width:540px;
height:36px;}
.btn{
border:0;
width:100px;
height:40px;
background:#36F;
font-size:15px;
color:#fff;}
.foot{width:100%;
position:absolute;
bottom:100px;}
.foot>.link{
text-align:center;
margin-bottom:10px;}
.foot>.link>a{
font-size:12px;
font-family:"宋体";
text-decoration:underline;}
.copyright{
text-align:center;}
p,p>a{
font-size:12px;
font-family:"宋体";
color:#666;}
</style>
</head>
<body>
<div class="top">
<div class="title">
<span>
<a class="bold" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">新闻</a>
<a class="bold" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">hao123</a>
<a class="bold" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">地图</a>
<a class="bold" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">视频</a>
<a class="bold" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">贴吧</a>
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">登陆</a>
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">设置</a>
<input class="list" type="submit" value="更多产品" name="submit" />
</span>
</div>
</div>
<div class="body">
<div class="pic">
<img class="logo" src="img/14.jpg" />
</div>
<div class="search">
<form>
<label for="search"></label>
<input class="input" type="text" name="search" id="search" value="" /><input class="btn" type="submit" value="百度一下" name="submit" />
</form>
</div>
</div>
<div class="foot">
<div class="link">
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">把百度设为主页</a>
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">关于百度</a>
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">About Baidu</a>
</div>
<div class="copyright">
<p>
©2015 Baidu <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">使用百度前必读</a> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">意见反馈</a> 留胡子的大神证030173号
</p>
</div>
</div>
</body>
</html>