什么是元素？元素是组成 HTML 文档的最小单元，一个 HTML 文档是由不同含义的多个元素组成。如下HTML文档：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML教程</title>
</head>
<body>
<h1>欢迎开始学习HTML</h1>
</body>
</html>该文档分别由<html>...<html>、<head>...<head>、<title>...<title>、<body>...<body>和<h1>...</h1>元素组成，只是这些每一个元素的含义和作用不一样。
HTML 元素，简单来说就是由 HTML 标签（Tag）包裹着内容（Content）所组成的整体，它负责定义网页的某一部分内容（比如标题、段落、图片等）。
举个最直观的例子：
<h1>欢迎开始学习HTML</h1>上面就是一个完整的 HTML 元素，其中标签负责标记内容类型，内容是元素要展示的实际信息。
根据元素是否包含内容和闭合标签，分为三种结构，其中前两种最为常用：
这是绝大多数 HTML 元素的形式，有开始标签（开放标签）和结束标签（闭合标签），内容包裹在两者之间，结束标签必须带 /。
结构格式：<标签名> 内容 </标签名>
常见示例：
<!-- 段落元素：<p>是开始标签，</p>是结束标签，中间是内容 -->
<p>这是双标签元素的示例</p>
<!-- 标题元素：包裹了“一级标题”这个内容 -->
<h1>一级标题元素</h1>
<!-- 强调元素：包裹了“关键信息”这个内容 -->
<strong>关键信息</strong>这类元素不需要包裹任何内容，仅用于完成某个特定功能（比如设置编码、插入图片、换行等），只有一个标签，无需写结束标签。
在 HTML5 中，单标签可以直接写为 <标签名>，也可以写为 <标签名/>（兼容早期 HTML 标准），两种写法都有效，推荐简洁的前者。
结构格式：<标签名> 或 <标签名/>
常见示例：
<!-- 元数据元素：设置文档编码，无内容需要包裹 -->
<meta charset="UTF-8">
<!-- 图片元素：通过属性传递图片信息，无内容需要包裹 -->
<img src="images/hobby.jpg" alt="我的爱好">
<!-- 换行元素：实现强制换行，无内容需要包裹 -->
<br>
<!-- 分隔线元素：实现水平分隔线，无内容需要包裹 -->
<hr>HTML 元素支持嵌套使用（一个元素内部包含一个或多个其他元素），这是搭建复杂网页结构的基础，但必须遵循「正确嵌套」的规则，不能交叉嵌套。
正确嵌套示例：
<!-- 正确：<strong>完全包裹在<p>内部，嵌套层次清晰 -->
<p>这是一段包含<strong>加粗关键信息</strong>的段落。</p>
<!-- 正确：HTML5语义化标签的嵌套，<nav>在<header>内部 -->
<header>
<h1>我的博客</h1>
<nav>导航链接</nav>
</header>错误嵌套示例（禁止这样写，浏览器可能无法正确解析）：
<!-- 错误：<p>和<strong>交叉嵌套，没有完整闭合 -->
<p>这是一段包含<strong>加粗关键信息</p></strong>一个完整的 HTML 元素（尤其是双标签），除了「标签」和「内容」，还可能包含「属性」。
属性（Attribute）是附加在开始标签上的额外信息，用于配置元素的行为或特征，格式为 属性名="属性值"（属性值建议用双引号包裹，规范且避免歧义）。
一个元素可以有多个属性，属性之间用空格分隔，无先后顺序。
例如：
<h1 style="color: red;" class="my_head">欢迎开始学习HTML</h1>上述示例中，为 <h1> 元素定义了两个属性，分别是 style（用于定义行内样式，CSS教程将介绍） 和 class（定义类名，CSS教程介绍）。
更多HTML知识请阅读后续教程……
川公网安备51010802032098