這是一份為初學者準備的 HTML 快速入門教材。HTML（HyperText Markup Language，超文本標記語言）不是程式語言，而是一種標記語言，用來告訴瀏覽器網頁的結構長什麼樣子。
1. HTML 的基本概念：標籤 (Tags)
HTML 是由一系列的「標籤」組成的。大部分的標籤都是成雙成對的：
起始標籤：
<標籤名稱>結束標籤：
</標籤名稱>（多了一個斜線）內容：夾在兩個標籤中間的東西。
2. 標準的網頁結構
每一個 HTML 檔案都應該包含以下這幾行基礎代碼：
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一個網頁</title>
</head>
<body>
<h1>哈囉，世界！</h1>
</body>
</html>
<!DOCTYPE html>：告訴瀏覽器這是一個 HTML5 文件。<html>：整個網頁的根元素。<head>：放網頁的後台資訊（如標題、編碼），不會顯示在頁面上。<body>：放所有要在瀏覽器視窗裡看到的內容。
3. 常用基礎指令 (常用標籤)
A. 標題與段落
標題分為六個等級，<h1> 最大，<h6> 最小。
<h1>最重要的標題</h1><p>這是一個段落，用來放文字內容。</p>
B. 文本格式
<strong>粗體文字</strong>(強調重要性)<em>斜體文字</em>(強調語氣)
C. 超連結與圖片
這是讓網頁「動起來」的關鍵：
超連結：
<a href="網址">點擊我</a>圖片：
<img src="圖片路徑" alt="圖片描述">(注意：圖片標籤不需要結束標籤)
D. 清單 (Lists)
無序清單 (項目符號)：
HTML<ul> <li>蘋果</li> <li>香蕉</li> </ul>有序清單 (數字編號)：
HTML<ol> <li>第一步</li> <li>第二步</li> </ol>
4. 自學小撇步
檔名命名：存檔時請務必使用
.html結尾（例如index.html）。用瀏覽器開啟：寫完後，直接把檔案拖進 Chrome 或 Edge 瀏覽器，就能看到結果。
檢視原始碼：在任何網站按右鍵選擇「檢查」或「檢視網頁原始碼」，你可以看到別人是怎麼寫 HTML 的。
沒有留言:
張貼留言