1. 認識 HTML 文件
讓我們來了解一下 HTML 文件是如何構造的。任何 HTML 文件從什麼開始呢？ 每個 HTML 文件都有一個結構，由三個巢狀標籤組成：html、head 和 body。 這是標準結構，以下是一個範例：
<!DOCTYPE html>
<html>
<head>
系統標籤
</head>
<body>
主文件
</body>
</html>
所有瀏覽器顯示的內容都在成對標籤 body （文件的主體）內。標籤 head 裡包含的是 服務性/輔助性 的瀏覽器資訊。
此外，文件開頭通常會（非必須）加上文件類型 — DOCTYPE，以便瀏覽器更好地理解如何處理 錯誤。許多瀏覽器能夠正確顯示格式損壞的文件。
2. HTML 文件範例
HTML 文件 是任何網頁的基礎。它告訴瀏覽器， 頁面應該如何顯示。以下是一個簡單的 HTML 文件範例：
HTML
<!DOCTYPE html>
<html>
<head> <title>頁面標題</title> </head>
<body> <h1>你好，世界！</h1> <p>這是我的第一個網頁。</p> </body>
</html>
HTML 文件的主要部分
這行稱為文檔類型聲明（doctype）。它告訴瀏覽器文件是用 HTML5——最新版本的 HTML 語言編寫的。這對於正確顯示頁面非常重要。
<html>
標籤 <html>; 打開 HTML 文件。網頁的所有內容都應該放在這個標籤內。它表示 HTML 文件的開始和結束。
<head>
標籤 <head> 包含有關頁面的輔助資訊。這些資訊不直接顯示在網頁上，但對於瀏覽器和搜索引擎很重要。
標籤 <title> 定義頁面的標題，這個標題會顯示在瀏覽器的標籤上。這是用戶打開頁面時首先看到的內容。
<body>
標籤 <body> 包含所有網頁的可見內容：文字、圖片、鏈接、表格等。用戶在屏幕上看到的所有內容都在這個標籤內。
<h1>你好，世界！</h1>
標籤 <h1> 代表第一級標題。它用於頁面上最重要的標題。這個標籤內的文字會以大字體和粗體顯示。
<p>這是我的第一個網頁</p>
標籤 <p> 代表一段文字。它用來將文本分成邏輯塊。標籤內的文字會顯示為普通段落。
GO TO FULL VERSION