• 不知道你有沒有思考過構成你看到的網站，背後倒底是什麼東東

• 基本上構成你看到的任何頁面都是由最終都是這幾個東西組成

來說說他們的差別，他們其實跟構成人的東西很像

• HTML 骨架
• CSS 外皮
• JavaScript 互動

HTML

• HyperText Markup Language
• 超文本標記語言

HTML 標記包含標籤（及其屬性），為管理網頁的架構，負責構築出整個網站的架構、資訊等等。大家常聽到的 HTML5，就是指第五版的 HTML。常見的 HTML 標籤，通常成對出現，比如<h1> Hello World</h1>。這些成對出現的標籤中，開始標籤專中間著元素的內容，最後再加上結束標籤。

CSS

• Cascading Style Sheets
• 階層式樣式表

CSS 修飾包裝 HTML 的外貌，跟外皮的概念是一樣的，所以不能單獨存在，基本上都會跟 HTML 一同搭配，去控制樣式、背景等，讓網頁產生不同的外貌。常見的用法大概就是像這樣<h1 style="color:red"> Hello World </h1>，可以直接添加在，也可以集中寫在網頁某處、或透過連結式引入網頁。

PS 如果你會 HTML 跟 CSS , 基本上就可以寫靜態網頁，最重要的是有沒有美感。

JavaScript

• 只有我算得上是程式語言
• 主要負責互動
• 其實沒有他，你的網頁沒有靈魂

JavaScript 常用來完成所有跟互動有關的東西，比如：讀寫 HTML 元素，具體實例大概就是如果你用了 HTML 跟 CSS 弄了一個計算機的頁面出來，負責處理中間運算結果的大概就是這個東西在處理的，當然他還有更多複雜的應用，比如控制cookies，包括建立和修改等。

總結

基本上目前的網站頁面都離不開這些東西，很多比如你聽到向響應式框架 Bootstrap 或 jQuery 函式庫，都只是更便利的讓你以操作網頁上的元素。所以這就是為什麼說他是三大柱。