HTML、CSS、JS（JavaScript）共同構建了我們看到的所有網頁展示和交互。

• HTML（HyperText Markup Language）是超文本標記語言。
• CSS（Cascading Style Sheets）是級聯樣式表。
• JavaScript 是一種腳本語言，主要用于前端頁面的 DOM 處理。

文本的意思，大家應該都明白，隨手在桌面上建立一個 .txt 文件，就是一個文本文件。

那什么是 HTML 超文本標記語言呢？超文本就是超越文本的意思，表示它不僅僅是簡單的文本，它比普通的 .txt 文件還要高級。那到底高級在哪里呢？第二個詞 Markup （標記），就是對一個普通的 .txt 文件里的文字進行標記，標記其中的一段為 title，標記另一段應該另起一行，標記任意一段為某個意思等。

最后，這些記號超越了普通文本的標記，它們對普通文本的修飾，構成了一套規則，這套規則就是 HTML。

以蓋房子類比，必須定義這個房子有多長、多寬，每一塊面積如何規劃，例如哪里是衛生間、哪里是飯廳、哪里是臥室。將這些定義好，網頁也就有了最基本的樣子?？傊?#xff0c;HTML 就是用來布局網頁中的每一個元素的。

CSS 中的“樣式”就是指外觀。還以蓋房為例，定義好了各個空間，房子也蓋起來了，但還要裝修，例如給客廳貼壁紙、給臥室鋪地板。CSS 就是起裝修作用的，要和 HTML —起配合使用。

JavaScript 是一種腳本語言，它在網頁中的作用是控制 HTML 中的每一個元素，有時要刪除元素，有時要添加新元素。

大家可能遇到過這樣的場景：單擊網頁上的一個按鈕，會有一個網頁上從沒有過的元素顯示出來，這就是利用 JavaScript 實現的。

房子已經裝修好，貼上了墻紙，鋪上了地板，桌子、板凳、沙發都已經擺好，一切都很完美?？墒?#xff0c;一個有生活情趣的住戶時常要買些新家具，或者把茶幾換個位置，這時，移動、添加、減少物件就只能靠 JavaScript 實現。

當前互聯網上的任何一個網頁都是由它們三個構建起來的，雖然簡單，但不可不知。

http://c.biancheng.net/view/3288.html

總結

以上是生活随笔為你收集整理的HTML CSS JS之间的关系的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。