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