初识-HTML

HTML（Hyper Text Markup Language）：“超文本标记语言”。是用来描述网页的一种语言。之所以称之为超文本，是因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以实现文件之间的跳转。

注意：HTML不是一种编程语言，而是一种标记语言！通过一套标记标签 (markup tag)来实现。

总结：HTML 作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。

HTML基本框架格式

众所周知，在写书信时，我们有一套需要遵循的行文规定。同理，HTML 也有自己的语言语法框架格式：

：文档类型，用于解释HTML使用版本（目前共有五个版本，现在使用的一般都是html5）。

指的就是html5，若不指定文档类型，大部分浏览器都按自己的方式来处理网页代码，可能会导致css样式无法正常显示且JavaScript代码无法正常运行。

：文档的头部，所有HTML中标签的一个根节点，描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者看。

：文档的标题，必须要设置,它会出现在浏览器的标题栏中。作用：让页面拥有一个属于自己的标题。主要用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，因此每个网页都应该拥有一个独一无二的title。

/**举个栗子**/

：元信息标记，一般用来定义页面信息的说明、关键字、刷新等，其中的内容一般不会显示在网页中。

charset="utf-8"：定义字符集为国际通用形式。

：文档的主体，之后我们的页面内容基本都是放到body里面的，body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

HTML标签分类

在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 、、都是HTML骨架结构标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令，也称为HTML标签或 HTML元素

1.双标签

语法： 内容

该语法中“”表示该标签的作用开始，一般称为“开始标签（start tag）”，“” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。

比如 ：啦啦啦啦啦~~~

2.单标签

单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。

比如

HTML标签关系

标签的相互关系就分为两种：

1.嵌套关系（相当于父子关系）

2.并列关系（相当于兄弟关系）

更多前端知识请关注公众号：“web进阶乐园”