這篇文章主要介紹了關於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.baidu.com/img/bd_logo1.png"> </div> <div class="btn"> <!--type:定义单行输入的文字;href:链接URL--> <input type="text"> <a href="###">百度一下</a> </div> </div> <div id="footer"> <div class="erwei"> <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png" /> <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>
相關推薦:
以上是HTML仿寫百度首頁的詳細內容。更多資訊請關注PHP中文網其他相關文章!