📄
HTML 入門教學
學習網頁的骨架結構，從零開始打造你的第一個網頁！
什麼是 HTML？
HTML 是 HyperText Markup Language 的縮寫， 中文叫做「超文本標記語言」。它是用來建立網頁的基礎語言。
你可以把 HTML 想像成「房子的骨架」🏠，它決定了網頁有哪些內容， 比如標題、段落、圖片、連結等等。沒有 HTML，網頁就不存在！
💡 簡單來說
HTML 就是告訴瀏覽器「這個網頁有什麼東西」的語言！
HTML 基本結構
每個 HTML 網頁都有固定的基本結構，就像每棟房子都有地基、牆壁、屋頂一樣：
index.html
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<title>我的第一個網頁</title>
</head>
<body>
<h1>歡迎來到我的網頁！</h1>
<p>這是我的第一個網頁，好開心！</p>
</body>
</html>
常用 HTML 標籤
HTML 有很多標籤，每個標籤都有不同的功能。先學這幾個最常用的：
| 標籤 | 功能 | 範例 |
|---|---|---|
<h1> ~ <h6> |
標題（h1 最大，h6 最小） | <h1>大標題</h1> |
<p> |
段落 | <p>這是一段文字</p> |
<a> |
超連結 | <a href="...">連結</a> |
<img> |
圖片 | <img src="圖片.jpg"> |
<div> |
區塊容器 | <div>內容</div> |
<ul> <li> |
無序清單 | <ul><li>項目</li></ul> |
延伸學習
想要了解更多 HTML 的知識嗎？可以參考以下資源：
- 維基百科 - HTML - 了解 HTML 的歷史和發展
- W3Schools HTML 教學 - 線上練習 HTML
- MDN HTML 文件 - 專業的技術文件