<!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>百度一下,帮你解答!</title>
<style>
a {
text-decoration: none;
}
.logo,.nav,.sousou,.btn,.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>
</head>
<body>
<div class="logo">
<img src="./images/bdlogo.gif" alt="">
</div>
<div class="nav">
<a href="#">新 闻</a> <strong>网 页</strong>
<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" alt="">
<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="#">About Baidu</a>
<br />©2022 Badiu 使用百度前必读
</div>
</body>
</html>
运行结果