<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
a {
text-decoration: none;
}
.logo,
.nav,
.sousou,
.more,
.map,
.bottom {
text-align: center;
}
.nav {
font-size: 16px;
}
.search {
width: 420px;
height: 23px;
}
.btn {
height: 30px;
width: 100px;
font-size: 14px;
}
.more {
font-size: 14px;
}
.map {
text-align: center;
font-size: 12px;
}
.bottom {
font-size: 12px;
line-height: 30px;
}
</style>
<body>
<div class="logo">
<img src="images\bdlogo.gif" >
</div>
<div class="nav">
<a href="#">新 闻</a> <a href="#">图 片</a> <a href="#">贴 吧</a> <a href="#">知 道</a>
<a href="#">音 乐</a> <a href="#">图 片</a> <a href="#">视 频</a> <a href="#">地 图</a>
</div>
<br>
<div class="sousou">
<input type="text"class="search"> <input type="button" value="百度一下"class="btn">
</div>
<br>
<br>
<div class="more">
<a href="#">百科</a>
<a href="#">文库</a><a href="#">hao123</a><a href="#">更多>></a>
</div>
<br>
<br>
<div class="map">
<img src="images\ic.jpg" >
<a href="#">百度地图带你吃喝玩乐,全心全意为人民服务</a>
</div>
<br>
<br>
<div class="bottom">
<a href="#">把百度设为主页</a>
<a href="#">安装百度卫士</a>
<br>
<a href="#">加入百度推广</a><a href="#">搜索风云榜</a><a href="#">关于百度</a><a href="#">AboutBaidu</a>
<br>
02022 Baidu 使用百度前必读
</div>
</body>
</html>
7320计算机02 施成