首页 > 代码库 > H5-xhtml+css2-静态百度首页练习

H5-xhtml+css2-静态百度首页练习

<!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>
<div class="div1">
<span><a href="http://www.mamicode.com/###">糯米</a></span>
<span><a href="http://www.mamicode.com/###">新闻</a></span>
<span><a href="http://www.mamicode.com/###">hao123</a></span>
<span><a href="http://www.mamicode.com/###">地图</a></span>
<span><a href="">视频</a></span>
<span><a href="">贴吧</a></span>
<span><a href="http://www.mamicode.com/###">登录</a></span>
<span><a href="http://www.mamicode.com/###">设置</a></span>
<span class="span1">更多产品</span>
</div>
<div class="div2">
<img class="img1" src="http://www.w3cfuns.com/misc.php?mod=attach&genre=editor&aid=aaafe7efb430a43f438478223eea13fc" >
</div>
<div class="div2">
<input class="input1" type="text">
<input class="input2" type="submit" value="http://www.mamicode.com/百度一下">
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="div2">
<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>
<div class="div2">
<a href="http://www.mamicode.com/###">把百度设为主页</a>
<a href="http://www.mamicode.com/###">关于百度</a>
<a href="http://www.mamicode.com/###">About Baidu</a>
<br>
&copy;2016 Baidu 
<a href="http://www.mamicode.com/###">使用百度前必读</a>
<a href="http://www.mamicode.com/###">意见反馈</a>
京ICP证030173号
<br>
京公网安备11000002000001号
</div>
</body>
</html>

H5-xhtml+css2-静态百度首页练习