HTML 标签实战指南：从零构建网页骨架
HTML（HyperText Markup Language，超文本标记语言）是构建网页的基石。它通过一系列语义化与功能性的标签，为网页搭建起清晰的结构骨架，让文本、图片、表单等各类内容得以有序呈现。
一、HTML 基础结构
1.1 初始 HTML 标签
HTML 代码由标签组成，类似于 <body>内容</body> 的形式。标签主要分为两类：
- 双标签：有开始和结束，如
<body>...</body>。 - 单标签：只有开始，如图片标签
<img>。
在双标签之间放置内容，在标签内部设置属性。
1.2 标签的层次
标签之间的结构关系组成了 DOM 树（多叉树）。其中有两个关键规定：
html标签是根标签，所有其他标签都是它的子节点。<head>用于配置网页属性，<body>用于存放主体内容，二者互为父子关系。
编写时通常使用 VS Code 等工具，推荐安装以下插件提升效率：
Auto Rename Tag：自动同步修改双标签。Live Server：实时预览 HTML 变化，无需手动刷新。view-in-browser：一键打开浏览器查看效果。
输入 ! 并回车可快速生成 HTML5 框架，主要字段说明如下：
<!DOCTYPE html>：声明文档类型，告知浏览器使用 HTML5 规范。<html lang="en">：指定主要内容语言。<meta charset="UTF-8">：设置字符编码。<meta name="viewport" ...>：控制移动设备适配。
二、HTML 文本标签
常见文本标签包括标题、段落、强调类等，具体用法如下表所示：
| 名称 | 语法示例 |
|---|---|
| 标题 | <h1>标题名</h1>（支持 h1-h6 级） |
| 段落 | <p>内容</p> |
| 加粗 | <strong>内容</strong> 或 <b></b> |
| 倾斜 | <em>内容</em> 或 <i></i> |
| 删除线 | <del>内容</del> 或 <s></s> |
| 下划线 | <ins>内容</ins> 或 <u></u> |
2.1 标题标签
语法为 <h1>标题名称</h1>，数字越大级别越低，最多到六级标题。不同级别的标题字体大小和权重会有所不同。
<body>
这是一个一级标题
这是一个二级标题
这是一个三级标题
这是一个四级标题
这是一个五级标题
这是一个六级标题
