https://www.xiaobuteach.com/html/tutorial/composition.html?from=bili

HTML 網(wǎng)頁基本組成

網(wǎng)頁的基本組成包括3個部分：

1）元素：通過HTML標(biāo)簽實現(xiàn)；

2）樣式：通過CSS實現(xiàn)；

3）客戶端動態(tài)：通過JavaScript實現(xiàn)。

廣義的HTML技術(shù)包括：HTML標(biāo)簽、CSS、JavaScript。

元素

通過HTML標(biāo)簽實現(xiàn)，例如：文本輸入框(標(biāo)簽input)、段落(標(biāo)簽p)、圖片(標(biāo)簽img)、按鈕(標(biāo)簽button)。

元素默認(rèn)并不美觀。下圖包含的元素：1個標(biāo)題、2個按鈕。

樣式

樣式通過CSS技術(shù)實現(xiàn)，用于美化元素，例如：字體大小顏色、背景顏色、邊框。

例如button按鈕默認(rèn)很丑，通過樣式技術(shù)可以實現(xiàn)的漂亮。

左邊按鈕采用的默認(rèn)樣式，右邊是CSS美化后的樣式。

客戶端動態(tài)

頁面通常不是完全的靜態(tài)效果。為增強(qiáng)用戶體驗，內(nèi)容會根據(jù)用戶操作相應(yīng)變化。

例如JD首頁右側(cè)的導(dǎo)航菜單，當(dāng)我們鼠標(biāo)放在不同的品類上，右邊會顯示具體的明細(xì)品類。

客戶端動態(tài)需要通過JavaScript（簡稱JS）實現(xiàn)。

小結(jié)

廣義的HTML技術(shù)包括：HTML標(biāo)簽、CSS、JavaScript。