認識網頁的三大構造
在這個資訊爆炸的時代，網頁已經成為我們每天必須接觸的存在。不論是查資料、追劇，還是購物、社交，我們無時無刻都在和「網頁」互動。但你有沒有想過，一個網頁是如何被建構出來的呢？
其實，網頁的世界主要由三大基礎組成： HTML、CSS、JavaScript。它們就像是蓋房子的「地基、裝潢、互動功能」，缺一不可。
1. HTML —— 結構的骨架
HTML（HyperText Markup Language，超文字標記語言）是網頁的基礎骨架。
它決定了網頁有哪些元素，例如：標題、段落、圖片、按鈕。
👉 可以把 HTML 想像成「房子的鋼筋骨架」，負責搭建整體結構。
沒有 HTML，就不會有任何東西顯示在瀏覽器裡。
2. CSS —— 美觀的裝潢
有了骨架，接下來就需要讓網頁「好看」——這就是 CSS（Cascading Style Sheets，階層式樣式表）的任務。
CSS 負責控制字體、顏色、排版、動畫、版面配置，讓一個原本枯燥的結構，變得美觀又有設計感。
👉 如果說 HTML 是「建築的骨架」，那 CSS 就是「室內設計與裝潢」，賦予網頁靈魂與質感。
3. JavaScript —— 互動的靈魂
最後登場的是 JavaScript，它讓網頁「活起來」。
JavaScript 負責處理互動與邏輯，像是按下按鈕後彈出提示、表單檢查、購物車的動態更新，甚至是遊戲或動畫效果。
👉 用房子的比喻來說，JavaScript 就像是「電力與智慧系統」，讓燈能亮、門能自動開、電器能運作。沒有它，網頁雖然漂亮，但只能靜靜躺著。
總結
簡單來說：
- HTML = 骨架（結構）
- CSS = 裝潢（外觀）
- JavaScript = 靈魂（互動）
這三者相互搭配，才讓我們每天瀏覽的網頁，既有內容、又好看，還能即時互動。
要學習網頁設計，就像學蓋房子一樣，先打穩地基（HTML），再美化外觀（CSS），最後加上智慧（JavaScript）。只要掌握這三大核心，你就能創造出屬於自己的網頁世界 🚀✨
