标签：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度一下，你就知道</title>
<style>
.div1{
height: 50px;
font-size: 20px;
color: black;
text-align: right;
}
.span1{
background-color: blue;
color: white;
}
.div2{
text-align: center;
}
.input1{
width: 500px;
height: 50px;
background-color: white;
border: 1px solid black;
}
.input2{
width: 100px;
height: 50px;
background-color: #2283fa;
border: 1px solid black;
}
</style>
</head>
<body>
<span><a href="###">糯米</a></span>
<span><a href="###">新闻</a></span>
<span><a href="###">hao123</a></span>
<span><a href="###">地图</a></span>
<span><a href="">视频</a></span>
<span><a href="">贴吧</a></span>
<span><a href="###">登录</a></span>
<span><a href="###">设置</a></span>
<span class="span1">更多产品</span>
</div>
<img class="img1" src="http://www.w3cfuns.com/misc.php?mod=attach&genre=editor&aid=aaafe7efb430a43f438478223eea13fc" >
</div>
<input class="input1" type="text">
<input class="input2" type="submit" value="百度一下">
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="http://www.w3cfuns.com/misc.php?mod=attach&genre=editor&aid=6982eacfa17f41d068544d8354a15adf" >
<img src="http://www.w3cfuns.com/misc.php?mod=attach&genre=editor&aid=5b5a254d1b57679601798238f285f902" >
</div>
<a href="###">把百度设为主页</a>
<a href="###">About Baidu</a>
<br>
©2016 Baidu
<a href="###">使用百度前必读</a>
京ICP证030173号
<br>
京公网安备11000002000001号
</div>
</body>
</html>
H5-xhtml+css2-静态百度首页练习
标签：
原文地址：http://www.cnblogs.com/MingLong-LXL/p/5972009.html
