HTML 网页 网站 网站是指在因特网上更具一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。

网页是网站中的一"页",通常是HTML格式的文件，它要通过浏览器来阅读。

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频、等元素组成。通常我们看到的网页，常见以**.htm或.html后缀接吻的文件，因此将其俗称为HTML文件**。

HTML HTML指的是超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。

HTML不是一种编程语言，而是一种标记语言(markup language)。

标记语言是一套标记标签(markup tag)。

所谓超文本，有2层含义：

它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。 它还可以从一个文件跳转到另一个文件，与世界各地主机的文件链接(超级链接文本)。 网页的形成 网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户的。

HTML语法规范 基本语法概述 HTML标签是由尖括号包围的关键词，例如****。 HTML标签通常是成对出现的，例如和，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 有些特殊的标签必须是单个标签(极少情况)，例如 ，我们称为单标签。 标签关系 双标签关系可以分为两类：包含关系和并列关系。

包含关系

1 2 3 并列关系 1 2 HTML基本结构标签 HTML网页 每个网页都会有一个基本的结构标签(也称为骨架标签)，页面内容也是在这些基本标签上书写。

HTML页面也成为HTML文档。

标签名 定义 说明

HTML标签 页面中最大的标签，我们称为更标签。 文档的头部 注意在head标签中我们必须要设置的标签是title 文档的标题 让页面拥有一个属于自己的网页标题 文档的主题 元素包含文档的所有内容，页面内容基本都是放到body里面的 HTML文档的后缀名必须是.html或.htm，浏览器的作用是读取HTML文档，并以网页的形式显示出他们。

此时，用浏览器打开这个网页，我们就可以预览我们写的HTML文件了。

VSCode工具生成骨架标签代码

标签

lang语言 charset字符集 文档类型声明标签

文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。

这句代码的意思是:当前页面采取的是HTML5版本来显示网页。

注意：

声明位于文档中的最前面的位置，处于标签之前。 不是一个HTML标签，它就是文档类型声明标签。

lang语言种类 用来定义当前文档显示的语言。

en定义语言为英语 zh-CN定义语言为中文 简单来说，定义为en就是英文网页，定义为zh-CN就是中文网页

其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文。

字符集 字符集(Character set)是多个字符的集合。以便计算机能识别和储存各种文字。

在标签内，可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。

charset常用的值由:GB2312、BIG5、GBK和UTF-8，其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。

注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用”UTF-8“编码，尽量统一写成标准的”UTF-8“，不要携程”utf8“或”UTF8“。

HTML常用标签 标签语义 学习标签是有技巧的，重点是记住每个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。

根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。

标题标签 为了使网页更具有语义化，我们经常会在页面中用到了标题标签。HTML提供了6个等级的网页标签，即

-

。

我是一级标题

标题语义:作为标题使用，并且依据重要性递减。

特点：

加了标题的文字会变得加粗，字号也会依次变大。 一个标题独占一行。 段落标签 在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在HTML标签中，

标签用于定义段落，它可以将整个网页分为若干个段落。

我是一个段落标签

标签语义:可以把HTML文档分割为若干段落。

特点：

文本在一个段落中会根据浏览器窗口的大小自动换行。 段落与段落之间保有空隙。 换行标签 在HTML中，一个段落中的文字会从左到右依次排序，直到浏览器窗口的右端，然后才自动换行。如果希望某段文本强制换行显示，就需要使用换行标签

标签语义:强制换行。

特点：

是个单标签。
标签知识简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。 文本格式化标签 在网页中，有时需要为文字设置粗体，斜体或下划线等效果，这时需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。

标签语义：突出重要性，比普通文字更重要。

语义 标签 加粗 或者 倾斜 或者 删除线 或者 下划线 或者 div和span标签 和 是没有语义的，他们就是一个盒子，用来装内容的。

特点:

div标签用来布局，但是现在一行只能放一个div。大盒子 span标签用来布局，一行上可以多个span。小盒子 图像标签 在HTML标签中，标签用于定义HTML页面中的图像。

src是标签的必须属性，它用于指定图像文件的路径和文件名。

所谓属性：简单理解就是属于这个图像标签的特性。

属性 属性值 说明 src 图片路径 必须属性 alt 文本 替换文本。图像不能显示文字 title 文本 提示文本。鼠标放到图像上，显示文字 width 像素 设置图像的宽度 height 像素 设置图像的高度 border 像素 设置图像的边框粗细 图像标签属性注意点：

图像标签可以拥有多个属性，必须写在标签名后面。 属性之间不分先后，标签名与属性，属性与属性之间均以空格分开。 属性采取键值对的格式，即key=”value“格式，属性=”属性值“。 相对路径 相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。

相对路径分类 符号 说明 同一级路径 图像文件位于HTML文件同一级 如 下一级路径 / 图像文件位于HTML文件下一级 如 上一级路径 …/ 图像文件位于HTML文件上一级 如