目标

掌握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

最新文章

  1. cvc-complex-type.2.4.c: The matching wildcard is strict, but no declaration can be found for element 'mvc:annotation-driven'.
  2. windows自带FTP开启后,浏览器打不开的问题
  3. 快递查询SDK
  4. BZOJ1036[ZJOI2008]树的统计Count 题解
  5. Android Glide数据更新及内存缓存、硬盘缓存清理
  6. 【C语言】04-函数
  7. Java可视化AWT
  8. 使用OpenGL ES绘制3D图形
  9. 算法导论 第六章 思考题6-3 Young氏矩阵
  10. emacs资源
  11. IDispatch接口 - GetIDsOfNames和Invoke(转)
  12. MySQL优化器join顺序
  13. TLV----Demo讲解
  14. HDU2577:How to Type(DP)
  15. Java基础---IO(二)--File类、Properties类、打印流、序列流(合并流)
  16. 小甲鱼OD学习第3讲
  17. Ioc原理理解
  18. 性能测试四:jmeter进阶之逻辑控制器
  19. ICDAR 成绩 前5企业和高校
  20. python 元组列表转为字典

热门文章

  1. mac环境下使用brew安装kafka
  2. CentOS/RHEL Linux安装EPEL第三方软件源
  3. Java多线程编程——生产者-消费者模式(1)
  4. Spring Cloud Config 使用总结
  5. linux——(6)vim与vi
  6. Django 如何实现 如下 联表 JOIN 查询?
  7. RxSwift 系列(六)
  8. vmware12安装centos7系统详解
  9. 为什么java的构造方法中this()或者super()要放在第一行
  10. VK Cup 2016 - Round 1 (Div. 2 Edition) A. Bear and Reverse Radewoosh 水题