隨著HTML5的逐漸成熟,網頁開發變得更加方便和靈活。我們今天就來學習如何使用HTML5編寫百度首頁的代碼!
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>百度一下,你就知道</title> </head> <body> <header> <nav> <ul> <li><a href="#">新聞</a></li> <li><a href="#">hao123</a></li> <li><a href="#">地圖</a></li> <li><a href="#">視頻</a></li> <li><a href="#">貼吧</a></li> <li><a href="#">更多</a></li> </ul> <form> <input type="text" placeholder="搜索一下,你就知道"> <button>百度一下</button> </form> </nav> </header> <section> <div> <img src="logo.png" alt="百度一下,你就知道"> <p>新首頁大換裝,快來試試看!</p> </div> <div> <img src="ad1.png" alt="廣告圖1"> <img src="ad2.png" alt="廣告圖2"> </div> </section> <footer> <ul> <li><a href="#">關于百度</a></li> <li><a href="#">在百度加入我們</a></li> <li><a href="#">百度推廣</a></li> <li><a href="#">百度客服</a></li> <li><a href="#">百度聯盟</a></li> <li><a href="#">百度熱搜</a></li> </ul> <p>© 2021 百度使用技術:HTML5, CSS3, JavaScript</p> </footer> </body> </html>
在上面的代碼中,我們使用了HTML5的語義化標簽來更好地描述了頁面的結構。例如,我們使用了<header>標簽來表示網頁的頭部,<section>標簽來表示頁面的主要內容區域,<footer>標簽來表示頁腳內容。
這就是我們如何用HTML5編寫百度首頁代碼的方法。現在,您可以繼續學習更多關于HTML5的知識,以及與之相關的技術,如CSS3和JavaScript來制作高質量的網站。