HTML（Hypertext Markup Language）是一種用于創建網頁的標準標記語言，通過標簽、屬性和值來組織內容和樣式。百度首頁是眾多網站中最受歡迎和經典的頁面之一，下面將向大家展示如何使用HTML制作百度首頁。
<!DOCTYPE html> <html> <head> <title>百度一下，你就知道</title> </head> <body> <div class="searchbox"> <div class="logo"> <a ><img src="logo.png" alt="百度logo"></a> </div> <div class="searchbar"> <form action="https://www.baidu.com/s"> <input type="text" name="wd" placeholder="請輸入關鍵字"> <button type="submit" id="btn_search">百度一下</button> </form> </div> </div> <div class="hotwords"> <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> </ul> </div> </body> </html>
以上是百度首頁的HTML代碼，其中包含了以下標簽：
- DOCTYPE: 聲明該文件為HTML文檔
- html: 包含整個網頁的內容
- head: 包含文檔的元數據信息和腳本文件
- title: 標題，顯示在瀏覽器的標簽欄中
- body: 包含頁面的主要內容
- div: 定義容器，用于包含其他HTML元素
- a: 定義超鏈接跳轉到其他頁面
- img: 插入圖片
- form: 定義搜索框表單
- input: 定義搜索框輸入框
- button: 定義搜索框按鈕
- ul: 定義無序列表
- li: 定義列表項
通過以上標簽的組合和樣式調整，便可以制作出一個簡潔美觀、功能齊全的百度首頁。
上一篇css 塊級元素并列
下一篇css 位置右下角