目录
HTML基本概念1 网页和网站1.1 常见的浏览器2 渲染引擎3 网页三层结构3.1 结构层（HTML）3.2 样式层（CSS）3.3 交互层4 开发工具5 标签、属性、元素5.1 标签5.2 标签属性5.3 元素
HTML基本概念
1 网页和网站
网站：网站由域名、服务器、空间等构成；
网页：
- 网页是由HTML、JS等代码构成；
- 网页可以由文本，图片，图像，视频，音频，链接，程序等等；
- 网页用HTML技术文件搭建结构，CSS进行装修，JS实现页面的交互；
关系：网站是由网页构成的，一个网站有N个网页。
2 浏览器
2.1 常见的浏览器
IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera） 、Edge浏览器
2.2 渲染引擎
渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | Trident | IE、猎豹安全、360极速浏览器、百度浏览器 |
| FireFox | Gecko | 火狐浏览器内核 |
| Safari | Webkit | 苹果浏览器内核 |
| Chrome/Opera | Blink | Blink其实是Webkit的分支 |
3 网页三层结构
3.1 结构层（HTML）
使用HTML技术搭建完成，单纯的向网页中填写内容。
世界上第一个网页
3.2 样式层（CSS）
用CSS技术给网页进行装饰，包括对网页进行布局和美化。
3.3 交互层
使用JS实现，可以进行页面的动态交互
4 开发工具
常见的前端使用的编辑器：WebStorm、Sublime Text、Visual Studio Code、Atom、HBuilder、IntelliJ IDEA、Dreamweaver
推荐使用前端开发工具Visual Studio Code+Chrome
Visual Studio Code优点是体积小、速度快、插件多
Visual Studio Code下载地址：code.visualstudio.com/Download
HBuilder X下载地址：www.dcloud.io/
5 标签、属性、元素
5.1 标签
标签
定义：标签由<、>、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为标签名
标签分类
单标签：标签中的内容由<>包裹的标签称之为单标签。如`
哈哈哈
双标签：标签中的内容由<></>包裹的标签称之为双标签。如`
哈哈哈单标签只有开始标签<>,双标签有开始标签<>和结束标签</>
标签之间的关系
分为兄弟关系和父子关系
兄弟关系：
<div>哈哈哈</div> <div>我是一个div</div>父子关系：
<div>我是外部div <div>我是内部div</div> </div>
5.2 标签属性
属性
定义：标签的属性是写在开始标签中的,以XXX="XXX"形式出现，并且一个标签中可以有多个属性
属性分类
属性分为公有属性，特有属性
公有属性就是每个标签都可以写这种属性，如：class、id、style、title等等。
特有属性就是只有你自己可以用，其他的标签不能用
5.3 元素
定义：标签+属性+标签之间的内容。
如：
<div class="external">我是一个div</div> //一个元素 <img src="" alt="" class="imgs">我是一个图片 <div class="outside">我是外部div <div class="inside">我是内部div</div> </div>
