首頁 > web前端 > 前端問答 > web前端的三大技術是什麼

web前端的三大技術是什麼

青灯夜游
發布: 2022-08-24 17:50:27
原創
8853 人瀏覽過

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

web前端的三大技術是什麼

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

web前端的三大技術

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

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

web前端的三大技術是什麼

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板