一、HTML
中文名：超文本標記語言???英文名：HyperText?Markup?Language
HTML是一種用來結構化Web網頁及其內容的標記語言。
HTML 由一系列的元素組成，這些元素可以用來包圍不同部分的內容，使其以某種方式呈現或者工作。
每個元素中都可以有自己的一些屬性
二、CSS
中文名：層疊樣式表???英文名：Cascading Style Sheets
CSS的作用是選擇性地控制HTML元素的視覺外觀。
CSS有三個特性：繼承、層疊、特指度
· 繼承：子元素會繼承父元素的樣式
· 層疊：假如多個特指度相同的Selector都給一個元素應用了樣式，那么后定義的規則就會覆蓋先定義的規則
· 特指度：可以大致理解為Selector對元素指定的一種詳細程度 e.g.: p{...} 和 p.emphasize{...}
三、JavaScript
JavaScript是一種腳本語言/編程語言，無需編譯，直接執行。
JavaScript通過操作DOM動態修改頁面。
四、DOM
中文名：文檔對象模型???英文名：Document Object Model
DOM是一種處理HTML和XML文件的標準編程接口。（本文只討論 HTML DOM）
在網頁中，HTML文件會被瀏覽器解析并構建成一個DOM（文檔對象模型）樹。
可以看到，DOM提供了對整個文檔的訪問模型，將文檔作為一個樹形結構，樹的每個結點元素表示了一個HTML標簽或標簽內的文本亦或標簽內的屬性。DOM樹結構精確地描述了HTML文檔中標簽間的相互關聯性。將HTML文檔轉化為DOM樹的過程稱為解析。HTML文檔被解析后，轉化為DOM樹，因此對HTML文檔的處理可以通過對DOM樹的操作實現。DOM模型不僅描述了文檔的結構，還定義了結點對象的行為，利用對象的方法和屬性，可以方便地訪問、修改、添加和刪除DOM樹的結點和內容。
通過圖Ⅳ我們可以看到：
????????① 元素：每一個小長方形方格內都是一個元素，DOM中的元素可以看作是對象。
????????② 節點：在DOM樹中，標簽、屬性、屬性都可以是節點。
? ? ? ? ③ 文檔：一個網頁就對應一個文檔(Document)。
文檔的根元素是<html>，內部通常包含<head>和<body>兩個子元素，包含了文檔的所有其他元素和內容。
Document對象代表了整個網頁的文檔，你可以通過瀏覽器的DOM接口【Chrome瀏覽器：在頁面元素上右鍵點擊，選擇“檢查”或“審查元素”，即可打開】來訪問和操作這個文檔對象（即DOM樹中的節點），從而實現與網頁的交互和動態更新。
DOM元素：是瀏覽器解析HTML文檔后，在內存中構建的一個樹狀結構中的節點，這些節點與HTML中的元素一一對應。
如何理解DOM中的元素可以看作是對象？
在DOM（文檔對象模型）中，每個HTML元素都被視為一個對象，這些對象具有屬性和方法，可以被JavaScript等腳本語言動態地訪問和操作。
所以當DOM樹被成功構建后，我們可以通過構建起的DOM樹，獲得其中的元素節點(圖Ⅳ方框中有Element單詞的節點)，將其看作是對象，利用對象的屬性和方法，對其進行一些操作~
五、總結
HTML來定義網頁的結構和內容；CSS來美化網頁的外觀和布局；JavaScript來實現網頁的交互功能和動態效果；其中DOM是連接HTML、CSS和JavaScript的橋梁，JavaScript通過DOM可以訪問和操作HTML元素及其樣式（CSS），從而實現網頁的動態更新和交互功能。
)
