前端頁面由三層構成，分別是：
-
結構層 (HTML): HTML (HyperText Markup Language) 構建網頁的結構和內容。它像建築的框架，定義了頁面中各個部分的含義和層次關係，例如標題、段落、列表、圖片、連結等等。 HTML 使用標籤來標記內容，例如
<p>表示段落，<h1>表示一級標題，<img>表示圖片等等。 -
表現層 (CSS): CSS (Cascading Style Sheets) 用於控制網頁的外觀和樣式，就像室內裝修，負責網頁的佈局、顏色、字型、大小、動畫效果等等。 CSS 透過選擇器來定位 HTML 元素，併為其設定樣式屬性，例如
color用於設定文字顏色，font-size用於設定字型大小，display用於控制元素的顯示方式等等。 -
行為層 (JavaScript): JavaScript 用於實現網頁的互動和動態效果，就像建築的電力系統，負責處理使用者操作、動態更新內容、與伺服器通訊等等。 JavaScript 可以響應使用者的點選、滑鼠懸停、表單提交等事件，並執行相應的操作，例如彈出對話方塊、驗證表單輸入、傳送 AJAX 請求等等。
簡單來說：
- HTML 決定網頁的內容是什麼。
- CSS 決定網頁看起來是什麼樣子。
- JavaScript 決定網頁如何與使用者互動。
這三層協同工作，共同構成了完整的使用者介面和使用者體驗。