HTML 基本句型 HTML 概念
超文本标记语言：超文本标记语言。 它是一种用于制作网页的标记语言。
HTML 是纯文本格式的文件。 里面只能写文字内容，不能添加图片、音频、视频等。 然而，网页上向用户呈现的疗效还包括文字以外的内容。 这个疗效就是HTML语言与其他文件的区别。
概念：
超文本：是超文本的缩写。 简单来说，超文本就是用来链接其他文本或多媒体内容的文本，例如链接到图片、链接、音频、视频、程序等。
标签：又称标签（HTML标签），有特殊的书写规范，是浏览器专用的一种句子格式，与普通文本信息相结合，实现特殊语义或显示内容。 可以在编辑器中编辑和查看，但不能在浏览器中显示。
HTML的功能：使用标签为普通文本添加语义，描述超文本内容，构建网页的基本结构。
例如：案例中h1标签的作用是什么？
错误答案：h1标签可以使内部文本加粗、加强，并且占据单行。
正确答案：h1标签负责将一级标题的语义添加到内部文本中，而不是样式，它是由css负责样式的。
在HTML文件中，如果不使用特殊的语义标签，也能达到网页显示的效果，但利用标签为普通文本添加不同的语义，可以使网站的结构更加清晰。
语义化清晰的HTML网页具备的优势
1. 方便代码的阅读和后期维护
2. 便于浏览器或是网络爬虫更好地解析网站内容
3. 使用语义化标签有利于SEO搜索引擎优化，提高网站的搜索排名
HTML的基本骨架：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
HTML HTML标签的基本句型
HTML标签一般称为HTML标签（HTML tag）。 标签的书写和使用必须遵循特定的句型。
标签名称必须成对写入。
标签分为单标签和双标签，双标签成对出现。
双标签包括开始标签和结束标签。 关闭符号需要写在结束标签中，单个标签也需要是自关闭的。
在HTML5中，单个标签不需要写关闭符号。
HTML 元素
HTML元素是指从开始标签到结束标签的所有内容，包括开始标签、元素内容和结束标签。
例如：双标签内包含的纯文本内容就是元素内容。
这是一段文字内容
元素内容可以是纯文本或其他元素。 这种元素内容中包含了其他元素，我们可以称之为嵌套，即p标签元素嵌套在div标签元素内部。
div元素内部嵌套p元素
HTML 元素 div 的内容可以由多个其他元素组成，例如 p 和 h1。 这时我们习惯说div是p和h1的父元素，p和h1是div的子元素，并且p和h1属于同一层级元素，这种嵌套关系可以有多层。
div元素内部嵌套p元素
div元素内部嵌套的h1元素
注意：单个标签不能添加元素内容，可以称为空元素。
根据标签内部可存储内容的不同，双标签可定义为两级。
HTML元素特性一：元素对空格、换行、缩进等不敏感html设置字符集，空格的存在与否对浏览器中加载的功效没有影响。
段落内容
段落内容
段落内容
段落内容
段落内容
相当于：
段落内容
段落内容
段落内容
段落内容
段落内容
原因是浏览器识别元素的开始和结束以及它们之间的嵌套关系。
针对标签的这一特点，建议：
①在编写代码的过程中，同级标签之间使用换行对齐书写，嵌套标签之间使用缩进书写，增强代码的可读性。
②在上传代码的过程中，需要减少代码体积，压缩不必要的空白，提高网页的加载速度。
HTML元素特征2：如果元素的内容是文本，就会出现空白折叠现象。
如果所有文本之间（类似于文本内容）存在空格、换行、缩进等空白字符，在浏览器中加载时，相连的空白会被折叠成一个空格并显示html设置字符集，这就是空白折叠现象。
代码功效：
<p>HTML中所有文字内容之间的空 格、换
行、缩 进都会被折叠成一个空格显示。</p>
如果你想在浏览器中显示连续的空白，你可以使用一些替代的写法，例如：
①字符实体中的空格可以用using来代替。
②可以使用换行符
标签实施。
③利用css中的句型可以实现缩进的效果。
HTML 属性
HTML标签可以添加属性，属性可以提供有关HTML元素的更多信息。
编写标签属性时必须遵循以下语句规则：
1. 书写位置：必须写在起始标签或单个标签内，与标签名之间用空格分隔。
2、属性包括：属性名（key）、属性值（value）。 属性名和属性值之间的书写方式一般称为通配符对书写方式，HTML标签属性的通配符对书写方式为k="v"。 XHTML要求属性值必须在双引号内。
<p k="v"></p>
3. 一个标签内可以设置多个不同的属性，属性之间用空格分隔。 每个属性的通配符对写为k="v"。
<p k="v" k="v" k="v"></p>
4、部分标签属性k可以设置多个属性值v，所有属性值v必须写在同一对双引号内，且值之间必须用空格分隔。
<p k="v1 v2 v3 v4"></p>
HTML基本结构
当编写HTML代码时，它需要有一个固定的基本结构。
基本骨架
HTML文件的四个最基本的标签构成了网页的基本骨架，包括四组标签：html、head、title和body。
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页主体内容
</body>
</html>
各选项卡的功能：
