前端的三個基本組成部分，HTML+CSS+JAVASCRIPT，概念上先幫你解釋一下。
HTML：超文字標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的標準標記語言。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計網頁、網頁應用程式以及移動應用程式的使用者介面。
CSS：層疊樣式表（英語：Cascading Style Sheets，縮寫：CSS；又稱串樣式列表、級聯樣式表、串接樣式表、階層式樣式表）是一種用來為結構化文件（如HTML文件或XML應用）新增樣式（字型、間距和顏色等）的計算機語言，由W3C定義和維護。
JavaScript（通常縮寫為JS）是一種高階的、解釋型的程式語言[5]。JavaScript是一門基於原型、函式先行的語言[6]，是一門多正規化的語言，它支援面向物件程式設計，指令式程式設計，以及函數語言程式設計。它提供語法來操控文字、陣列、日期以及正則表示式等，不支援I/O，比如網路、儲存和圖形等，但這些都可以由它的宿主環境提供支援。
然後我們類比一下。
HTML：結構性語言，相當於一個骨架，有了這個骨架才有CSS和JAVASCRIPT的用武之地。
CSS：就是一層面板，一層衣服，你可以在html基礎上任意修改，給骨架套上一層面板或者衣服，讓她看起來更美麗。
JAVASCRIPT：你可以理解為行為，透過行為控制著骨架，讓骨架生動形象起來。
前端的三個基本組成部分，HTML+CSS+JAVASCRIPT，概念上先幫你解釋一下。
HTML：超文字標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的標準標記語言。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計網頁、網頁應用程式以及移動應用程式的使用者介面。
CSS：層疊樣式表（英語：Cascading Style Sheets，縮寫：CSS；又稱串樣式列表、級聯樣式表、串接樣式表、階層式樣式表）是一種用來為結構化文件（如HTML文件或XML應用）新增樣式（字型、間距和顏色等）的計算機語言，由W3C定義和維護。
JavaScript（通常縮寫為JS）是一種高階的、解釋型的程式語言[5]。JavaScript是一門基於原型、函式先行的語言[6]，是一門多正規化的語言，它支援面向物件程式設計，指令式程式設計，以及函數語言程式設計。它提供語法來操控文字、陣列、日期以及正則表示式等，不支援I/O，比如網路、儲存和圖形等，但這些都可以由它的宿主環境提供支援。
然後我們類比一下。
HTML：結構性語言，相當於一個骨架，有了這個骨架才有CSS和JAVASCRIPT的用武之地。
CSS：就是一層面板，一層衣服，你可以在html基礎上任意修改，給骨架套上一層面板或者衣服，讓她看起來更美麗。
JAVASCRIPT：你可以理解為行為，透過行為控制著骨架，讓骨架生動形象起來。