HTML 基本示例
在本章中,我們將展示一些基本的 HTML 示例。
如果您還不瞭解某些標籤,請不要擔心。
HTML 文件
所有 HTML 文件都必須以文件型別宣告開頭:<!DOCTYPE html>
。
HTML 文件本身以 <html>
開始,以 </html>
結束。
HTML 文件的可見部分位於 <body>
和 </body>
之間。
<!DOCTYPE> 宣告
宣告 <!DOCTYPE>
代表文件型別,並幫助瀏覽器正確顯示網頁。
它必須只出現一次,位於頁面頂部(在任何 HTML 標籤之前)。
宣告 <!DOCTYPE>
不區分大小寫。
HTML5 的 <!DOCTYPE>
宣告是:
<!DOCTYPE html>
HTML 標題
HTML 標題使用 <h1>
到 <h6>
標籤定義。
<h1>
定義最重要的標題。 <h6>
定義最不重要的標題:
HTML 段落
HTML 段落使用 <p>
標籤定義
HTML 連結
HTML 連結使用 <a>
標籤定義
連結的目的地在 href
屬性中指定。
屬性用於為 HTML 元素提供額外資訊。
您將在後面的章節中瞭解更多關於屬性的資訊。
HTML 影像
HTML 影像使用 <img>
標籤定義。
原始檔(src
)、替代文字(alt
)、width
和 height
作為屬性提供。
如何檢視 HTML 原始碼
您是否曾見過一個網頁並想知道“嘿!他們是怎麼做到的?”
檢視 HTML 原始碼
在 HTML 頁面中按 CTRL + U,或右鍵單擊頁面並選擇“檢視頁面原始碼”。這將開啟一個新選項卡,其中包含頁面的 HTML 原始碼。
檢查 HTML 元素
右鍵單擊元素(或空白區域),然後選擇“檢查”以檢視元素是由什麼組成的(您將看到 HTML 和 CSS)。您還可以在開啟的“元素”或“樣式”面板中即時編輯 HTML 或 CSS。