<!DOCTYPE html> 是每个HTML文件的第一行，它告诉浏览器："这个文件是HTML5文档"。
⚠️ 注意：DOCTYPE 不是HTML标签，而是一个指令，必须写在最前面，否则浏览器可能进入"怪异模式"。
<html> 是整个页面的根元素，所有其他标签都包裹在里面。
常用属性：
• lang="zh-CN" — 声明页面语言为简体中文，帮助搜索引擎和屏幕阅读器识别
• lang="en" — 英文页面
<head> 里的内容不会显示在页面上，它是给浏览器、搜索引擎看的"元信息"。
常用标签：
• <meta charset="UTF-8"> — 字符编码，防止中文乱码
• <meta name="viewport"> — 视口设置，让页面适配手机
• <title> — 浏览器标签页上显示的标题
• <meta name="description"> — 页面描述，搜索引擎会显示
• <meta name="keywords"> — 关键词（现在搜索引擎已不太看重）
<body> 里的内容就是用户在浏览器中看到的一切：文字、图片、按钮、视频等。
所有可见的HTML元素都必须放在 <body> 里面。
注释是写给开发者看的说明，浏览器会完全忽略它，不会显示在页面上。
用途：解释代码功能、标记待办事项、临时隐藏代码。
这是每个HTML页面的标准骨架，以后新建文件直接复制这个模板即可。
HTML 提供 h1 到 h6 六级标题标签，用于定义不同级别的标题。
h1 是最高级别，h6 是最低级别。一个页面通常只有一个 h1。
<p> 标签用于定义段落，浏览器会自动在段落前后添加空行。
段落是块级元素，独占一行。
这是第一个段落。段落标签会自动在前后添加空行，让内容更易读。
这是第二个段落。每个段落都是独立的块级元素。
HTML 提供多种文本格式标签：
<b> 加粗 | <i> 斜体 | <u> 下划线 | <s> 删除线
<mark> 高亮 | <small> 小号 | <del> 删除 | <ins> 插入
加粗文本（视觉加粗，无语义）
斜体文本（视觉斜体，无语义）
下划线文本
删除线文本
高亮文本
小号文本
删除文本 插入文本
<strong> 标签表示重要内容或严重警告，具有语义含义。
浏览器默认显示为加粗，但搜索引擎和屏幕阅读器会特别关注 strong 标签内的内容。
核心区别：<b> 只是视觉加粗，<strong> 表示内容很重要。
这是一段普通文本，这是重要内容，请特别注意。
普通文本 重要 非常重要 极其重要
错误：密码长度不能少于8位
警告：此操作不可撤销
用户协议：您必须年满18周岁才能注册。违反此规定将导致账户被封禁。
| 特性 | <strong> | <b> |
|---|---|---|
| 语义含义 | ✅ 有（重要、严重） | ❌ 无（仅视觉） |
| SEO权重 | ✅ 有 | ❌ 无 |
| 屏幕阅读器 | ✅ 会强调朗读 | ❌ 普通朗读 |
| 默认样式 | 加粗 | 加粗 |
| 使用场景 | 重要内容、警告、关键词 | 视觉加粗、标题、产品名 |
<ul> 定义无序列表（Unordered List），列表项使用圆点、方块等符号标记。
列表项用 <li> 标签定义。
<ol> 定义有序列表（Ordered List），列表项使用数字或字母标记。
type 属性设置编号类型：1（数字）、A（大写）、a（小写）、I（大写罗马）、i（小写罗马）。
start 属性设置起始编号。
HTML 表格由 <table>、<tr>（行）、<th>（表头）、<td>（单元格）组成。
| 标签 | 说明 |
|---|---|
| table | 表格容器 |
| tr | 表格行 |
| th | 表头单元格（加粗居中） |
| td | 数据单元格 |
<ul>（Unordered List）创建无序列表，每项前面显示圆点（•）。
用途：导航菜单、功能列表、标签列表等不需要排序的内容。
<ol>（Ordered List）创建有序列表，每项前面显示数字或字母。
用途：步骤说明、排行榜、需要排序的内容。
<dl>（Definition List）创建定义列表，用于展示术语和解释。
• <dt> — 术语（标题）
• <dd> — 术语的解释（内容）
用途：术语表、FAQ问答、键值对展示。
列表可以嵌套使用，在 <li> 里面放另一个列表。
用途：多级菜单、树形结构、大纲目录。
有序列表 <ol> 有几个常用属性：
• type — 编号类型（1/A/a/I/i）
• start — 起始编号
• reversed — 倒序排列
type="A"（大写字母）：
start="5"（从5开始）：
reversed（倒序）：