这篇文章主要介绍了关于HTML仿写百度首页，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> a { color: black; } #header { text-align: right; height: 38px; line-height: 38px; } #content { text-align: center; } .content-top img { width: 270px; } .btn { width: 700px; height: 38px; margin: 10px auto 30px; } .btn input { width: 550px; height: 38px; border: 1px solid #dddddd; font-size: 15px; } .btn a { background-color: #3385ff; width: 100px; height: 38px; float: right; text-align: center; line-height: 38px; color: white; text-decoration: none; } #footer { margin-top: 100px; } .erwei, .footer-t, .footer-btn { text-align: center; } .erwei p { font-weight: bold; } </style> </head> <body> <div id="header"> <a href="###" target="_blank">新闻</a> <a href="###" target="_blank">hao123</a> <a href="###" target="_blank">地图</a> <a href="###" target="_blank">视频</a> <a href="###" target="_blank">贴吧</a> <a href="#" class="no-weight">登录</a> <a href="#" class="no-weight">设置</a> </div> <div id="content"> <div class="top"> <!--src:资源的缩写;alt:如果网速图片显示不出来,就显示文字--> <img src="https://www.easck.com/d/file/p/2020/07-19/202007190300552478.jpg"> </div> <div class="btn"> <!--type:定义单行输入的文字;href:链接URL--> <input type="text"> <a href="###">百度一下</a> </div> </div> <div id="footer"> <div class="erwei"> <img src="https://www.easck.com/d/file/p/2020/07-19/202007190300552479.jpg" /> <p>百度</p> </div> <div class="footer-t"> <a href="###" target="_blank">把百度设为主页</a> <a href="###" target="_blank">关于百度</a> <a href="###" target="_blank">About Baidu</a> <a href="###" target="_blank">百度推广</a> </div> <div class="footer-btn"> ©2018 Baidu <a href="###">使用百度前必读</a> <a href="###">意见反馈</a> 京ICP证030173号 <img src="img/1.PNG"> <a href="###">京公网安备11000002000001号<img src="img/2.PNG" /></a> </div> </div> </body></html>相关推荐：
关于高德地图WEB版基础控件的展示
html用表格布局来实现用户注册表单实例
