1 HTML基础–基本概念

HTML5+CSS3起飞计划

• 学习目标
  能够独立开发一个微信小程序
• 学习视频来源
  B站，李南江学习视频【清月学习社】
  网址：https://www.bilibili.com/video/BV1uW41137xL?p=1
• 资料网址
  源码+学习资料地址：
  链接：https://pan.baidu.com/s/1K2J-8Qc8-czmLwlMw1oodg
  提取码：ofl9

1 HTML基础–基本概念

1.1 什么是浏览器?

• 浏览器是个软件

• 功能：
  渲染网页
  交互功能

• 主流浏览器
  IE，Chrome，Firefox，Sarfarri，Opera
  不同的浏览器有不同的浏览器内核，浏览器内核也就是浏览器所采用的的渲染引擎，渲染引擎决定浏览器如何显示网页的内容，以及页面格式。

• 内核不同，浏览器兼容性不同
  处理好5款主流浏览器兼容性即可，目前学习以谷歌浏览器为主。

1.2 什么是服务器？

• 服务器相当于计算机
• 存储数据的计算机，24h不关机

1.3浏览器访问网页原理（理解）

浏览器请求数据的原理

打开浏览器文件夹，其中的文件夹为缓存文件夹，缓存文件夹是专门用于存储网页数据的文件夹。

当我们利用浏览器访问网页时，其实是有真实的物理文件传输的，浏览器会现将网页上的内容缓存到本地文件夹中，然后在渲染出来呈现给于用户查看。

通过观察我们可以发现缓存文件夹中除了缓存图片意外还缓存了一些例如.js，.css，.html等文件，所以可以得出一个网页不是一个文件，而是一堆文件，网页越复杂，那么组成这个网页的文件就越多。

浏览器请求数据的过程

输入网址后：
1 网页发送请求报文
2 服务器处理浏览器请求
3 服务器将处理结果返回给浏览器
4 服务器发送响应报文
5 浏览器收到数据，并进行渲染

1.4 什么是URL？

URL：全称Uniform Resource Location（统一资源定位符），互联网上的每一个资源都有一个唯一的URL地址。

1.5 什么是HTTP协议

HTTP：Hypertext Transfer Protocol，超文本传输协议。
服务器传输超文本到本地浏览器的传送协议，基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。

HTTP协议工作于客户端-服务端架构为上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后，向客户端发送响应信息。

HTTP使用统一资源标识符（Uniform Resource Identifiers, URI）来传输数据和建立连接。URL是一种特殊类型的URI，包含了用于查找某个资源的足够的信息。【VX公众号：清月学习社】

协议用来规范/约束哪一类事物？

浏览器和服务器数据传输，保证数据正确。

知识储备

网页文件，后缀是.html，通过浏览器打开，通过记事本编辑。

2 HTML基础–认识HTML

HTML：Hypertext Markup Language，超文本标记语言

作用

专门用来描述文本的语义，告诉浏览器哪些是标题，哪些是段落。
这些用于描述其他文本语义的文本，在浏览器中不显示，称这些文本为“超文本”，而这些文本又叫做标签，所以HTML被称之为“超文本标记语言”。