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