世界五大主流浏览器
1谷歌 Chrome
内核：webkit--blink
2苹果 Safari
内核：webkit
3欧朋 opera
内核：presto--blink
4火狐 firefox
内核：gecko
mozilla
5 ie
内核：trident
微软
大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发，现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核
| 页面的三大组成部分 | |
| 1.html 结构层 刚出生的小鸟 | |
| 2.css 样式层 长出五颜六色的羽毛 | |
| 3.js 行为层 会飞了 | |
| 结构层html和表现层css，是 W3C 制定的规范，万维网联名。 | |
| 行为层js，是 ECMA 制定的规范，欧洲计算机协会。 | |
| html:Hyper text mark-up Language | |
| HyperText Mark-up Language | |
| 超文本标记语言 | |
| 超文本：不仅可以放文本还可以放标签 | |
| 通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述。 | |
| - “超文本”：不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。 | |
| - “标记语言”：标记语言是由一套标记标签组成的。 | |
| 1.块级标签 | |
| div p h1-h6 hr ul li ol dl dt dd | |
| 可以设置宽高 | |
| 2.行级标签(行内标签) | |
| a span b strong em i sub sup del | |
| 3.行内块标签 | |
| img input |
| 1.div | |
| 双标签 | |
| 构建网页的基本标签 | |
| 无语义标签 | |
| 可以把div标签理解成一个盒子 | |
| 可以划分网页结构 | |
| <div></div> | |
| 特点： | |
| 1.宽度默认撑满父元素(宽度和父元素的宽度一样) | |
| 2.高度由内容撑开 | |
| 3.垂直布局，独立成行（一个div标签占一行） | |
| div标签可以嵌套任何标签 |
| <!-- 并列 --> | |
| <div></div> | |
| <div></div> | |
| <!-- 嵌套 --> | |
| <div> | |
| <div></div> | |
| </div> |
| p | |
| 双标签 | |
| 段落标签 | |
| 主要放成段的文字 | |
| <p></p> | |
| 特点： | |
| 1.宽度默认撑满父元素(宽度和父元素的宽度一样) | |
| 2.高度由内容撑开 | |
| 3.垂直布局，独立成行（一个div标签占一行） | |
| 4.自带上下外间距 | |
| 注意：p标签不能嵌套块级标签p div 。。。 | |
| 应用场景：文章中的段落、页面中的文字块 |
hr标签：水平分割线 块级标记
特性：
默认自带间距、自带边框
独立成行，垂直布局
作用：在页面中显示一条水平线