前提准备
大约 3 分钟
html5学习前提
以下为学习过程中的极简提炼笔记,以供重温巩固学习
html5学习准备
软件准备
- 学习语法使用编译器:vscode
学习目的
- 掌握网页布局,学习html5语法
- 为学习CSS3、JavaScript铺垫
认识网页
- 网站是网页的集合,网页的格式是 *.html 或 *.htm 文件
- *.html 支持在vscode中编辑,支持在浏览器上打开
- html字面含义是“超文本编辑语言”,支持文本以外的:图、声、链、画,等等元素,各种元素构成网页
- html是一种标记语言
- 前端编写html,浏览器解析html,c端用户通过浏览器接收最后生成的信息
认识浏览器
- 不同的浏览器有不同的内核,有需要时查bing确认
认识web标准
- web标准由 W3C 制定
- 目的是为了统一浏览器的解析效果
- 标准由三方面构成:结构、表现、行为
- web标准的主旨:结构、表现、行为 三者分离,网页结构写到html,样式表现写到css,交互行为写到JavaScript
构成标准 | 析义 | 析义 |
---|---|---|
结构 | html5 网页元素 | 不同类型网页元素组成网页不同结构 |
表现 | css3 外观样式表现 | 赋予网页元素不同的版式、外观、大小 |
行为 | JavaScript 交互 | 定义网页元素间的前端交互行为 |
学会查阅技术链文档
bing: http://www.bing.com/
W3C : http://www.w3school.com.cn/
MDN: https://developer.mozilla.org/zh-CN/
以及\03-前端基础CSS第一天\素材路径下文本
后续学习路线
- PC端网页布局
- 移动端网页布局
- 响应式布局,一套代码多端适配