一、Html的基本结构：

！声明文档类型

超文本标记语言

头

meta charset=utf-8 '

标题/头衔

/head

身体

网页的文字、图片等信息；

/body

/html

二、Head部分：用于表示网页的元数据即描述网页的基本信息

其常用标签及属性有：

1.标题标签:显示在浏览器标签上的标题

2.元标签:它的共同属性

charset:设置文档的字符集编码格式。在HTML5中设置字符集编码：元字符集=' utf-8 '

常见字符集编码格式：

A.GB-2312:标准代码，简体中文

B.GBK:扩展标准代码

C.UTF-8:通用Unicode是常用的

http-equiv attribute :将我们的信息写入浏览器，让浏览器按照要求执行。可选属性值：内容类型(文档类型)刷新(网页定期刷新)设置cookie(浏览器cookie缓存)应与内容属性结合使用。(http-equiv属性只指示需要设置哪一部分，具体设置内容放在content属性中)

名称属性：使用方法同“http-equiv”。将我们的信息写入搜索引擎

常用且需要掌握的属性值：作者关键词描述，这两个属性设置，是网页不可或缺的。

3.链接标签:链接网页图标(标题前的小标识)，其常见属性为：

rel属性：声明链接文件的类型，并在此选择图标

类型属性：可以省略

href属性：表示图片的路径地址

三、body部分：网页的文本、图片等信息

标签的分类：

块级标签:显示为块，前后隔一行（自动换行）

行级标签:按行从左往右逐一显示。

1、 常见的块级标签:

h1/H1.h6H6:标题标签，自动加粗，H1更大，H6最小。

hr/:横线标签，加横线。

p/p:段落标签，

br/:包装标签，

blockquote//blockquote:引用标签，引用属性，表示引用来源，一般指网址

浏览器默认首行缩进。

pre/pre:预格式化标签，用于重新加载代码。浏览器默认显示样式：1。显示为等宽字体。2、代码中的换行符、

空间等元素可以在浏览器中显示。

[补充html文件中空格的表示：

2、 基于布局的块级标签

列表：无序列表、有序列表和定义列表

订购清单：ol/ol清单项目：li/li

无序列表：ul/ul列表项：li/li

定义列表(实现图文混排):dl/dl

列表标题：dt一般只有一项/dt

列表描述项目：dd可以有多个项目/dd

3、组合标签:figure/figure用于显示图片及图片标题

他有两个子标签:img/picture

figcaption/figcaption图片标题

示例：图

img src=' img/ez . jpg ' height=' 20% ' width=' 20% ' alt=' explorer '/

Figcaption浏览器Izriel /figcaption

/数字

4、分区标签:div/div

5、常见的行级标签

1span (text) :没有实际意义。它用于换行和修改特定的样式，例如：

这是span style=' color: red' font-size : 36px；'范围内的文本

Img(图片):其共同属性：src:表示参考图片的地址。

路径地址的写入：相对路径：以当前文件为最标准查找图片地址

一、与文件在同一层的图片，直接写图片名称

b、图片在当前文件的下一层：文件名/图片名

c、图片在当前文件上面一层：/图片名称

路径： file 3360///驱动器号：/文件夹/图片名称，但严禁使用。

照片URL:网络上的一个图片链接，但一般不使用

高度和宽度：图片的高度和宽度。您可以改用CSS样式

标题：图片标签。鼠标指向上方后显示的文本

alt:无法显示图片时显示的文本

2em(倾斜强调)

3加强(粗体强调)

4b(粗体)

5i(倾斜)

Strong、em、b、i的区别

1、Strong、em都表示强调，Strong为粗体，em为斜体，而Strong的强调 程度逗比em高

2、Strong和b都能加粗，em和i都能倾斜，，但是Strong和em多了一层强调的语义 。H5要求标签尽可能实现语义化。

6q(短参考)

7小/大：小和大是小和大的字体，可以嵌套在多个层中，更高可达上限或下限

8a(超链接)

1.href:超链接的路径可以是