新聞 hao123 地圖 視頻 貼吧 登錄 設置 ... ...
<!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>