1、开发工具
编辑器：dw：省事儿、控件的拖动
sublime:文艺青年喜欢用
webstorm:编辑快速
Hbuilder:快、生成安装包
Vscode:逻辑性高、各个公司都用（最终选择它）
五大主流浏览器：火狐浏览器 ————因为内核不同 Geoko
谷歌浏览器（最终选择它） Webkit->Blink
IE浏览器 Trident
safari浏览器 Webkit
欧朋浏览器 Blink
PS ：做图的，对于前端开发工程师,切图（辅助）
2、浏览器内核
渲染引擎：如何将内容展示在浏览器端
js引擎：解析和执行JavaScript代码的
3、web标准
定义： 不是一个标准，而是一个标准的集合
集合： 结构标准：HTML标准
表现标准：CSS标准
行为标准：JavaScript标准
作用： 1、减轻的程序员的压力，只需要开发一套程序即可 （程序员的角度）
2、无序重写、降低流量、容易被搜寻引擎搜索、提高网页的速度，（浏览器的角度）
3、降低公司的成本，更易维护（公司的角度）
4、HTML骨架
定义：HTML “超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接
特点：1、HTML不是一种编程语言，而是一种标记语言
2、标记标签组合而成
总结：HTML就是来搭建网页的，是网页的结构
骨架：html:根标签
head:网页的头部，主要是设置一下网页的属性
body:网页的主体
title:网页的标题
标签与标签之间的关系：
1、嵌套关系（父子关系）：html与body
2、并列关系（兄弟关系）：head与body
标签的分类：
1、双标签：<html></html>
2、单标签：<meta>、<br>、<hr>、<img>、<base>
5、常用的标签
1、标题标签 :h1-h6 head
特点： 1、文本自动加粗加大
2、文本的字体大小与h后边的的数字成反比
3、自动换行
2、段落标签 paragraph p
特点：自动换行
3、水平线标签 hr horizon
特点：显示一条横线 单标签
4、换行标签 br
特点：1、单标签
2、可以在文本内容中随处换行
5、盒子标签 div
特点：用div来进行网页布局
6、组合行内元素标签 span
特点：1、最典型的行内元素
2、不会换行
6、文本语义化标签
加粗 b strong
斜体：i em
下划线：u ins
删除线：s del
区别：strong/em/ ins/del跟具有语气话及强调
7、图片标签
图片标签 img
src属性：图片的路径
jpg/png/gif/psd 注意添加后缀名
再浏览器展示图片的大小就是默认大小
图片的宽
height:图片的高度
title:图片的标题 光标移动到图片上显示对应的属性值
alt:图片不显示时，显示alt的属性值
相对路径：相对于当前位置
1、图片在当前文件夹下 ./ 或者不写
2、图片在当前文件的下一级目录
3、图片在当前文件的上一级目录../
绝对路径：路径是文件的整个目录