Skip to content

Latest commit

 

History

History
33 lines (27 loc) · 1.25 KB

00_Intro&Install.md

File metadata and controls

33 lines (27 loc) · 1.25 KB

網頁運作基本概念

HTML = Hyper Text Markup Language
為W3C組織推薦之國際標準
W3C官網: https://www.w3.org
W3School: https://www.w3schools.com/
此語言的最初目的為結合文字與圖片,利用超連結的方式整合資料來呈現。

HTML演進

1991(HTML0) => 1995(HTML2) => 1997(HTML3) => 1997(HTML4) => 2007(HTML5)~NOW
最新的HTML5更新進度可以從 https://www.w3.org/TR/html5/ 查詢
目前HTML已經從網頁文件進化成網頁APP平台
各類瀏覽器對HTML5的支援程度可透過下面兩個網站進行測試:

  1. https://html5test.com/
  2. https://caniuse.com

IDE使用

Emmet具備強大的輔助功能,可以讓使用者快速產生HTML Tag
VS Code內建支援Emmet,為最常使用的開發工具。

建立資料夾與html檔案

預設wd為C:/,所以建議將folder創在C槽內。
開啟後點擊新增檔案並輸入"自訂檔名.html"(.html不可省略)

利用瀏覽器模擬網頁展示

1.Extensions => 輸入"Live HTML Previewer"並安裝
2.Extensions => 輸入"Live Server"並安裝

啟動方式:
1.程式碼區塊右鍵 => Open in browser
2.程式碼區塊右鍵 => Open with Live Server

中文化套件

1.Extensions => 輸入"chinese(Traditional)"並安裝