網頁開發三劍客：HTML, CSS & JavaScript

HTML 是所有網頁的起點。它就像蓋房子的「鋼筋骨架」，負責告訴瀏覽器，這個網頁有哪些內容，以及這些內容的結構是什麼。

• 這是一級標題 (<h1>)
• 這是一段文字 (<p>)
• 這是一張圖片 (<img>)

沒有 HTML，網頁就只是一堆雜亂無章的文字。它是三劍客中，負責「結構」的基礎。

如果 HTML 是骨架，那 CSS (Cascading Style Sheets) 就是網頁的「造型師」或「室內設計師」。

CSS 專門負責美化 HTML 建立好的結構，它決定了網頁的「外觀」長什麼樣子：

• 標題是什麼顏色、多大？
• 文字要用什麼字體？
• 圖片要放在左邊還是右邊？
• 整個網頁的背景顏色是什麼？

CSS 讓網頁從黑白的骨架，變成賞心悅目的藝術品。它是三劍客中，負責「表現」的關鍵。

有了骨架 (HTML) 和外觀 (CSS)，網頁還只是個靜態的展示品。JavaScript (簡稱 JS) 則是賦予它生命的「魔法師」或「大腦與肌肉」。

JS 負責處理網頁的「行為」和「互動」，讓網頁可以回應使用者的操作：

• 點擊按鈕後，跳出一個視窗。
• 使用者輸入文字後，檢查格式是否正確。
• 網頁上的圖片可以自動輪播。
• 玩網頁遊戲、與網頁互動。

有了 JavaScript，網頁才真正「活」了起來，從單純的資訊展示，變成功能強大的應用程式。它是三劍客中，負責「行為」的核心。