HTML學習要點

目標

掌握HTML基本語法，瞭解HTML Document結構，能熟練使用HTML Element對象。

要點

1. 基本概念：什麼是HTML、HTML標籤？
2. 熟悉經常使用的HTML標籤含義以及應用場合。
   • html, head, title, link, script, style, meta, body
   • 塊級佈局元素(block)：
     • div
     • p
     • ul, ol, li
     • br
     • h1, h2, h3, h4, h5, h6
     • hr
   • 行內佈局元素(inline)：
     • span
     • a
     • table, tr, td, caption, th, thead, tbody
     • image
   • 表單元素：
     • form
       • action, method屬性的做用
       • post, get的含義和區別
     • input
       • 各類不一樣type對應元素的含義及應用場合
     • textarea
     • label
     • select, option, optgroup
   • 框架(frame)元素: iframe, frame, frameset
3. !DOCTYPE的做用，有幾種寫法以及不一樣。

4. 牢記一點：根據標籤語義來選擇標籤，切記不可爲了達到某種展現效果，而選擇一個語義與展現內容不相關的標籤。這也是在學習上面元素時，你們須要關注它們的語義，也就是使用場合。

   舉個例子，好比在作一個導航欄相似的東西，咱們會選擇使用ul,ol和li，在展示一個表格類型的數據時，大部分狀況會選擇table，展示內容是一個段落，咱們會優先考慮p標籤。在展示一段文本時，不要爲了實現文本字體加粗加大效果而去使用h1~h6標籤，這個標籤是使用在標題內容上的。

參考資源

1. W3School