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
原文地址:https://www.cnblogs.com/liontone/p/5022442.html