![](https://i-blog.csdnimg.cn/blog_migrate/c2abe4a5a91ccee1987d694bdb432a8a.png)
需要素材联系我或私信、评论
效果图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/529f5cdf6f0cdd0a03edcd8cfe7a75f5.png)
HTML源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度首页</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div>
<img src="img/bdlogo.gif" alt="">
</div>
<p>
<a href="">新 闻</a>
<a href="">网 页</a>
<a href="">贴 吧</a>
<a href="">知 道</a>
<a href="">音 乐</a>
<a href="">图 片</a>
<a href="">视 频</a>
<a href="">地 图</a>
</p>
<br>
<br>
<div>
<div style="width:100%;height:20px;text-align:center">
<input style="width:500px;height:25px" type="text" name="textbox">
<button style="width:100px;height:30px;text-align:center;background-color:#eeeeee">百度一下</button>
</div>
</div>
<br>
<p>
<a href="">百科</a>
<a href="">文库</a>
<a href="">hao123</a> |
<a href="">更多>></a>
</p>
<br>
<br>
<p>
<img src="img/ic.jpg" alt="">
<a href="">百度地图带你吃喝玩乐,全心全意为人民服务</a>
</p>
<br>
<br>
<p>
<a href="">把百度设为主页</a>
<a href="">安装百度卫士</a>
</p>
<p>
<a href="">加入百度推广</a> |
<a href="">搜索风云榜</a> |
<a href="">关于百度</a> |
<a href="">About Baidu>></a>
</p>
<p>
©2013 Baidu 使用百度前必读 京ICP证030173号
</p>
</body>
</html>
CSS源码
div{
text-align:center;
}
p{
text-align:center;
}