🥇 什麼是 HTML？
HTML 是「超文字標記語言」（HyperText Markup Language），用來建立網頁的骨架。
- 超文字（HyperText）：可以建立「連結」，點一下就跳頁。
- 標記語言（Markup Language）：用**標籤（tag）**來「標示」這段內容的用途。
🔍 比喻：HTML 是蓋房子的「鋼筋水泥」，CSS 是「油漆和窗簾」，JavaScript 是「遙控燈光與電器」。
🧱 HTML 的基本架構
一份 HTML 文件的基本樣子如下：<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>我的第一個網頁</title>
</head>
<body>
<h1>哈囉世界！</h1>
<p>我正在學習 HTML！</p>
</body>
</html>
✨ 常用的 HTML 標籤
📝 小提醒：
- HTML 標籤通常有 開頭與結尾：
<p>...</p> - 少數標籤是「單身狗」，像
<br>、<img>不需要結尾標籤
🏷️ 認識「屬性（Attribute）」
HTML 標籤可以加上「設定」，就像是衣服的尺寸、顏色。這些設定叫做屬性。
- 多數屬性是
名稱="值"的格式。 - 有些屬性（如
disabled,checked）是「布林屬性」，寫上就表示啟用。 id要全站唯一，class可以重複用。
<a href="https://google.com" target="_blank">Google</a>
🗂️ HTML 的結構觀念很重要
請試著把 HTML 想像成一個「資料夾」：
<ul>
<li>蘋果</li>
<li>香蕉</li>
</ul>
<ul>是「外層容器」——像個大盒子<li>是裡面的項目
🧠 結構要清楚，語法才不會出錯！
🔤 特殊符號怎麼辦？
如果你想在 HTML 裡打出 <、>、& 這種標記用的符號，要用代碼：
💡 學習建議
- 🔍 看範例：多觀察網站右鍵 →「檢查原始碼」
- ✏️ 多練習：試著用記事本寫自己的第一個網頁
- ✅ 常驗證：用 W3C Validator 檢查語法
🎯 小挑戰：你的第一個個人名片網頁
試著修改這份程式，做出一頁「自己的介紹網頁」！
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>我是小明</title>
</head>
<body>
<h1>哈囉！我是小明</h1>
<img src="me.jpg" alt="我的照片" width="200">
<p>我喜歡寫程式、畫畫，也想成為網頁設計師。</p>
<a href="mailto:xiaoming@example.com">寫信給我</a>
</body>
</html>
📌 小小總結
- HTML 是網頁的骨架
- 每個元素都有標籤與內容
<head>是設定區，<body>是內容區- 用正確的結構與語法，瀏覽器才懂！
