隨著HTML5技術的不斷發展,越來越多的網站開始采用HTML5來制作頁面,比如百度。下面我們來看看如何使用HTML5代碼來制作百度頁面。
<!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>百度一下,你就知道</title> </head> <body> <!-- 頭部信息 --> <header> <div> <img src="logo.png" alt="百度logo"> <form action="" method="get"> <input type="text" name="keyword" placeholder="請輸入關鍵詞"> <input type="submit" value="百度一下"> </form> <a href="#">新聞</a> <a href="#">網頁</a> <a href="#">圖片</a> <a href="#">視頻</a> <a href="#">地圖</a> </div> </header> <!-- 主要內容 --> <main> <ul> <li><a href="#">新聞1</a></li> <li><a href="#">新聞2</a></li> <li><a href="#">新聞3</a></li> <li><a href="#">新聞4</a></li> <li><a href="#">新聞5</a></li> </ul> </main> <!-- 尾部信息 --> <footer> <ul> <li><a href="#">關于我們</a></li> <li><a href="#">幫助中心</a></li> <li><a href="#">聯系方式</a></li> <li><a href="#">加入我們</a></li> </ul> </footer> </body> </html>
以上代碼中已注釋出頭部信息、主要內容和尾部信息,可以根據實際需求和具體情況進行修改或添加,比如添加更多的鏈接、更改樣式等。