html定义了超文本标记语言,《html概述》，html（HyperText Markup Language）：超文本标记语言。用来定义文档内容结构。...

《html概述》，html(HyperText Markup Language)：超文本标记语言。用来定义文档内容结构。

DOCTYPE:

告知浏览器以哪个版本来解析html元素。

DOCTYPE必须放在第一排。

分解：document 文档

type类型

head：

head是一个页面的附加信息。

charset：

字符编码器，告诉浏览器以哪一个版本来解析文本，文本就是中英文加“ ”比如"

viewport：

视口(可视窗口)，一个网页我们能看见的地方。

title：标签页。

元素：

一个页面能看到的东西皆为元素(如：标题、段落、图片、文字)。常见标签有：

1.H标签是块级元素，一个元素独占一行。

H标签数字越小(H1)，在网页上显示文字越大，反之越小。

快速书写元素的方法：先写标记名(例h3)、再按回车键

2.a元素是行内元素，多个元素共占一行。

a标签第一功能：超链接

a标签第二功能：锚点，同一页面之间的跳转

a标签第三功能：功能链接

3.空元素(自闭合元素)：添加图片(图片需在同一文件夹，代码名字与图片需一样)。img+回车

4.段落：p*2>lorem(你要生成的元素*数量>自定义话术  lorem快速生成乱码) p标签是不能包含p标签的，如果p标签嵌套p标签，浏览器会把父子元素变为兄弟元素。p标签也不能包含标题、div，浏览器无法识别。

使用语义化标签嵌套div，不会出现这种意外。

元素组成部分：

元素=起始标记+内容+结束标记

111

为起始标记(a为标记名，href为属性名，"/cla***oom"为属性值，属性名+属性值=属性)

111  ，111为内容，为结束标记，a为标记名

语义化标签：

header：用于表示某个页面或者某个区域的头部。

nav：导航栏，一般在一个页面的上边。

aside：跟周围主题相关的附加信息，比如一篇文章旁边的广告、相关内容等。

article：文章或者其他可独立页面存在的内容，一个网页里的不同分类。

section：一个整体的一部分主题。比如一篇文章分为三节，每节就是一部分主题。

footer：页面或者某个区域的脚注。一般在网页在最下边。

本文元素：

blockquote：整段的引用

大段的引用

功能：自动添加缩进

1个汉字=2个字符

1个字符=2个字节

q：小段文本的引用

一句话的引用

功能：自动添加引号

cite：对参考文献的引用

cite即可以当标签也可以当属性名

标签：1.文献的引用(自带斜体)

2.搜索引擎可以识别内容来自哪里

属性：1.属性值不会显示到页面

2.普通浏览器不识别

3.阅读浏览器识别，告知源自哪里

abbr：对缩写词的引用

abbr缩写

title的属性值是显示到页面的内容

注：只有鼠标移动到abbr的元素内容时title属性才显示

em：强调的文本

1.普通浏览器无区别

2.阅读浏览器区别，em会加重读音

3.搜素引擎会识别em，即增加元素内容的权重

i：应区别对待的文本

无语意元素

div页面中的一块区域

span仅用于给一小段文本添加样式(适用场景：点赞数、浏览等)

pre预格式化元素，保留文字在源代码中的格式(适用场景：数学或化学公式)

拓展类标签

1.sub右下标

2.sup右上标

3.time时间

绝对路径

当网站部署到服务器后，网站中的所有资源都可以通过一个地址(路径)访问

绝对路径书写格式：协议：//域名/目录(这种格式书写的路径叫做绝对路径)

适用场景：

1.访问站外资源时，只能使用绝对路径

2.访问站内资源时，若网站已部署到服务器，可以使用绝对路径，并可以省略协议和域名

相对路径

相对路径是相对于当前资源的位置，只能用于访问站内资源

相对路径书写格式：./路径

./表示当前资源所在的目录，必须作为相对路径的开始，可省略