~ 帶你輕鬆搞懂網頁的基礎結構，踏出寫程式的第一步！ ~
HTML
全名是「超文本標記語言」
(HyperText Markup Language)
如果把一個網頁想像成一棟房子，HTML 就是這棟房子的「鋼筋與水泥」！它負責把內容的「結構」搭建起來。
它會用 尖括號 < > 把內容包起來，偷偷告訴瀏覽器：「嘿！這是一段標題、那是一張圖片！」
Windows 預設會隱藏副檔名，你可能不小心存成了 index.html.txt。
破解魔法：打開任何資料夾 ➔ 點擊上方「檢視」 ➔ 勾選「副檔名」 (Win 11 點選「顯示」➔ 勾選「副檔名」)。
接著把檔名最後的 .txt 刪掉，改成純粹的 .html 就會變身成網頁囉！
儲存好 .html 後，你用什麼軟體打開它，它就會呈現完全不一樣的畫面喔！
瀏覽器就像個翻譯官，它會把標籤隱藏起來，並把裡面的內容排版成漂漂亮亮的網頁給你看！
這是我寫的第一個網頁喔！
你會看到它最原始的程式碼，這是給工程師編輯、修改標籤的地方！
有時候你會看到網頁的副檔名是 .htm，它跟 .html 到底差在哪裡？
答案是：完全一樣！ 🎉
📖 老師講古時間：
在很久以前的舊版 Windows（DOS 時代），電腦規定副檔名「最多只能有 3 個字母」。
所以 HTML 就委屈求全，被迫縮寫成了 .htm。
現在的電腦早就沒有這個限制了，所以大家都習慣用完整的 .html，但為了讓舊網頁也能順利運作，這兩種副檔名現在的瀏覽器都看得懂喔！
HTML 就是網頁的「骨架結構」。
我們用標籤 < >把文字包起來告訴電腦該怎麼顯示，
學會它，就是踏入網頁設計魔法世界的第一步！🚀