第一趴HTML需要理解的基本标签

关于HTML笔记

1 www是全球广域网，简称web，中文又称为万维网；涉及三个重要的概念：URL统一资源定位器，标识了链接所指向的文件的类型以及其准确位置；HTTP超文本传输协议，制定了HTML文档运行的统一规则和标准；HTML超文本标签语言，是一种文本类、解释执行的标签语言，具有平台无关性

2 互联网原理：上网即请求数据，html制作网页文件，上网时，用户通过客户端发送http请求到服务器端，服务器端将请求对应的数据找到后，通过http响应回传给本地计算机，计算机加载网页

3服务器是一种计算机，也有自己的内存和处理器，作用用来存储网页文件，包含网页的所有文件，可以通过客户端软件去远程控制服务器

4浏览器作用发送http请求，接受回传的数据，渲染网页，工作原理是在网址栏输入网址后向服务器发送请求，服务器响应后返回数据到浏览器后渲染

🐱‍👓URL： 统一资源定位符，用来定位资源所在位置 一个完整的url由8个部分组成，协议、主机名、端口(https使用80)、路径、资源、查询字符串、锚点（在资源后面使用#开头的文本）、身份认证。

！！web标准：网页主要由三个部分组成：结构（HTML）、表现（表现）、行为（JavaScript） 5. 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。

 6.padding（内边距）是包围在内容区域外的空白区域，代表的是盒子边框与实际内容之间的距离，通过【padding】相关属性设置大小

 7.border指的是盒子模型的边框。border除了可以使用border-width设置边框大小外，可以使用border-style设置边框的样式，如实线、虚线，使用border-color设置边框颜色

8.结构部分，li本身就代表一项内容，没必要嵌套span,不仅结构会很复杂，样式代码也一样复杂。

9.margin（外边距）指的是盒子和其他元素之间的空白部分，代表的是盒子的边框与其他相邻盒子边框之间的距离，通过【margin】相关属性设置大小

10.注意（标准盒模型的盒子实际宽高 = 内容区域的宽高 + border大小 + padding大小）

11.div设置的width和height设置为200×100，实际大小也是200×100，​`​div的实际宽度 = width，div的实际高度 = height

12