web前端的三大技術是什麼

web前端三大技術是：1、HTML（超文本標記語言），是一種用來建立網頁的標準標記語言，HTML使用標記標籤來描述網頁；2、CSS（層疊樣式表），可以用來為網頁建立樣式表，透過樣式表可以裝飾網頁；3、JavaScript，是一種輕量級的程式語言，用於控制網頁的行為、回應使用者操作，用於即時更新網頁中的內容，讓網頁更加生動。

本教學操作環境：windows7系統、Dell G3電腦。

web前端的三大技術

web前端的三大技術是：HTML、CSS、JavaScript

根據W3C 標準，一個網頁主要由三個部分組成：結構、表現和行為

1、結構層

• 結構層為頁面的骨架，由HTML 或XHTML 標記語言創建，用於建立文件的結構。

• HTML 用來定義網頁的內容，例如標題、內文、圖片等；

##2、表現層

• 表示層為頁面的樣式，由CSS （層疊樣式表）負責創建，用於設定文件的呈現效果。

• CSS 用來控制網頁的外觀，例如顏色、字體、背景等；

##3、行為層

行為層為頁面的行為，由JavaScript 語言創建，用於實現文件的行為。
JavaScript 用來即時更新網頁中的內容，例如從伺服器取得資料並更新到網頁中，修改某些標籤的樣式或其中的內容等，可以讓網頁更加生動。
JavaScript用於回應使用者操作

#即JavaScript 與HTML 和CSS 共同構成了我們所看到的網頁，其中：

HTML 用來定義網頁的內容，例如標題、內文、圖片等；
CSS 用來控制網頁的外觀，例如顏色、字體、背景等；
JavaScript 用來即時更新網頁中的內容，例如從伺服器取得資料並更新到網頁中，修改某些標籤的樣式或其中的內容等，可以讓網頁更生動。

什麼是 HTML？ HTML是超文本標記語言（HyperText Markup Language）是一種用來建立網頁的標準標記語言。 HTML負責網頁三個組成部分中的結構，HTML使用標籤的形式來識別網頁中的不同組成部分。所謂的超文本指的是超鏈接，使用超鏈接可以讓我們從一個頁面跳到另一個頁面。

HTML 是用來描述網頁的語言。
HTML 不是一種程式語言，而是一種
• 標記語言

  (markup language)

#標記語言是一套
• 標記標籤

  (markup tag)

HTML 使用
• 標記標籤

  來描述網頁

什麼是CSSCSS 是指層疊樣式表(Cascading Style Sheets)，樣式定義如何顯示HTML 元素，用於控制web頁面的外觀。 CSS負責網頁三個組成部分中的表現，樣式通常保存在外部的 .css 檔案中。我們只需要編輯一個簡單的 CSS 文件就可以改變所有頁面的佈局和外觀。

css可以用來為網頁建立樣式表，透過樣式表可以裝飾網頁。
所謂層疊，可以將整個網頁想像成是一層一層的結構，層次高的將會覆蓋層次低的。
而css就可以分別為網頁的各個層次設定樣式。

什麼是 JavaScript#JavaScript，直譯式腳本語言，是一種動態類型、弱型、基於原型的語言，內建支援類型。廣泛用於網頁應用程式開發,常用來為網頁添加各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript腳本是透過嵌入在HTML中來實現自身的功能。

JavaScript 是世界上最受歡迎的程式語言。這門語言可用於 HTML 和 web，更可廣泛用於伺服器、PC、筆記型電腦、平板電腦和智慧型手機等裝置。

JavaScript 是腳本語言

• JavaScript 是一種輕量級的程式語言，屬於解譯型語言。
  • JavaScript是一門解釋型語言，所謂解釋型值語言不需要被編譯成機器碼在執行，而是直接執行。
  • 由於少了編譯這一步驟，所以解釋型語言開發起來特別輕鬆，但是解釋型語言運行較慢也是它的劣勢。
  • 不過解釋型語言中使用了JIT技術，使得運行速度得以改善。
• JavaScript 是可插入 HTML 頁面的程式碼。
• JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。
• JavaScript 很容易學習。
• 基於原型的物件導向

JS編寫位置

• 我們目前學習的JS全都是客戶端的JS，也就是說全都是需要在瀏覽器中運行的，所以我們我們的JS程式碼全都需要在網頁中編寫。
• 我們的JS程式碼需要寫到<script>標籤中。 </script>
• 屬性：
  • type：預設值text/javascript可以不寫，不寫也是這個值。
    標籤中。
• 屬性：
  • type：預設值text/javascript可以不寫，不寫也是這個值。
  • src：當需要引入一個外部的js檔案時，使用該屬性指向檔案的位址。

（學習影片分享：web前端入門）

以上是web前端的三大技術是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！