前端自检梳理——前端开发基础

前端自检梳理——前端开发基础
前端自检梳理——前端开发基础
Day01重点:
1.Web标准
2.HTML相关概念
3.HTML标签

认识HTML

学习目标

  • 理解
    • HTML的概念
    • HTML标签的分类
    • HTML标签的关系
    • HTML标签的语义化
  • 应用
    • HTML骨架格式
    • sublime基本使用
      理解
    • 相对路径三种形式

HTML常用标签

学习目标

  • 理解:
    • 相对路径三种形式
  • 应用
    • 排版标签
    • 文本格式化标签
    • 图像标签
    • 链接
    • 相对路径,绝对路径的使用

1. HTML常用标签

1.1 排版标签

1)标题标签h (熟记)

2)段落标签p ( 熟记)

3)水平线标签hr(认识)

4)换行标签br (熟记)

5)div 和 span标签(重点)

排版标签总结
前端自检梳理——前端开发基础

1.2 文本格式化标签(熟记)

1.3 标签属性

1.4 图像标签img (重点)

1.5 链接标签(重点)

1.6 注释标签

2. 路径(重点、难点)

5.1 锚点定位 (难点)

5.4 特殊字符 (理解)

Day02列表和表单:
1.无序列表使用
2.表单标签使用
3.表单域标签

能够利用表格、列表和表单完成注册页面的综合案例

  • 能出说表格用来做什么的
  • 能说出列表用来做什么的
  • 能说出表单用来做什么的
    前端自检梳理——前端开发基础
    目标:
  • 理解:
    • 能说出表格用来做什么的
    • 表格的基本结构组成
  • 应用:
    • 能够熟练写出n行n列的表格
    • 能简单的合并单元格

1. 列表标签(重点)

学习目标

  • 理解
    • 无序列表的应用场景
    • 自定义列表的应用场景
  • 应用
    • 无序列表语法
    • 自定义列表语法

1.1 无序列表ul(重点)

1.2 有序列表ol(了解)

1.3 自定义列表(理解)

1.4 列表总结

前端自检梳理——前端开发基础

2. 表单标签(掌握)

目标:

  • 能写出最常用的注册类表单
  • 能说出input表单常见属性

2.1 input控件(重点)

2.2 label标签(理解)

品优购项目(一)

###目标:

  • 能会引入ico图标
  • 能简单看懂网站优化的三大标签
  • 能使用字体图标 ( 重点 )
  • 能说出我们css属性书写顺序
  • 能课堂跟上pink老师的节奏完成品优购项目

2. 课程总结

  1. html 我们学的就是常用标签, 就是基本盒子
  2. css 就是用来美化布局网页。
  3. html+css 是没有逻辑可言的,基本就是搭积木摆放盒子的过程,你需要的是耐心。
  4. 对同学们来说,现在最困难的是 布局结构 。欠缺分析页面布局的能力
  5. 多看别人写的页面,模仿人家的布局,每次写页面总会有新的收获。
  6. 错误总是在所难免,一定要学会利用chrome 调试工具, 他们能快速帮我们排查错误。你还需要细心。
  7. 学好定位,对后面学习JavaScript 有很大的帮助。
  8. 后面的课程会更精彩,尽情期待。。。
  9. 记住我们的口号: 拼死也要克服它 (pink )