0316 HTML-第一堂課(課本外的筆記)

確認語法是否有支援可用:caniuse.com

語法推薦標準階段:(低>高)
WD>CR>PR>REC
工作草案>候選推薦>提議推薦>推薦
(階段晉升時程不確定,可能被降級)

不同語系/國家
都會有自己不同的語言

所以透過W3C來統一標準
但每個瀏覽器的支援並不一定會依照標準
即便評比低,為了不讓使用者離開,預覽器還是會支援
所以,"有支援"並不代表"標準"


vs-code

open in browser (於瀏覽器開起)
open with live server (於伺服器開啟) 優點:修改即時顯示。

快捷鍵:
CTRL+(縮放)
CTRL/(註解)


HTML

< html lang="zh-hant-tw"></html >
顯示網站語言,與網站內容無關,順序不可改

標籤元素的樣式屬性:
block(與內容長短無關,都佔一整列 ex: h1標籤)
inline(內容多大,就佔多大 ex: span標籤)

圖片格式:
webp(檔案較輕,但還不沒有很普及)


CSS

色碼表:https://www.w3schools.com/colors/colors_picker.asp


課堂筆記下載連結(檔案內章節1-0 ~ 2-4)

https://drive.google.com/file/d/1aUQBngNUuYJaAudV4sxRUoTENutPCcWv/view?usp=sharing
載完後解壓縮,用vs-code開啟資料夾。


錯誤回報

若筆記內有發現錯誤隨時可以登入後在這邊留言~

  1. 1-0 第11列 meta 打成 mate 了
  2. 1-0 第3列 zh-H"a"nt-TW
  3. 1-1 第7列 分享在網路上查到的定義,參考參考~
    "指定螢幕寬度為裝置寬度,畫面載入初始縮放比例 100%"

*感謝您的校正與補充,更新後檔案已於03/17/12:39上傳完成。

Select a repo