HTML基础语法全解析：从标签到语义化结构

1. HTML语法基础回顾

HTML（HyperText Markup Language）作为构建网页的基础语言，其核心在于通过标签（tags）来定义内容的结构和语义。在开始深入学习之前，让我们先回顾几个关键概念：

• 元素结构：完整的HTML元素由开始标签、内容和结束标签组成，例如<p>这是一个段落</p>
• 空元素：如<img>这类不需要闭合标签的元素
• 属性：为元素提供附加信息，格式为name="value"，例如<a href="https://example.com">链接</a>

提示：虽然HTML标签不区分大小写，但W3C建议使用小写字母以保持一致性。

2. 文档类型与基础结构

2.1 文档类型声明

每个HTML文档应以DOCTYPE声明开头，这告诉浏览器使用的HTML版本。HTML5的声明非常简单：

html复制<!DOCTYPE html>

2.2 基本文档框架

标准HTML文档包含以下核心部分：

html复制<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

关键元素解析：

• <html>：根元素，lang属性指定语言
• <head>：包含元数据和链接资源
• <meta charset="UTF-8">：确保正确显示中文字符
• <body>：所有可见内容容器

3. 文本格式化标签

3.1 标题与段落

html复制<h1>主标题</h1>
<h2>二级标题</h2>
<p>这是一个段落文本。</p>

3.2 文本修饰

html复制<strong>重要文本（加粗）</strong>
<em>强调文本（斜体）</em>
<br> <!-- 换行 -->
<hr> <!-- 水平线 -->

3.3 列表结构

html复制<!-- 无序列表 -->
<ul>
    <li>项目一</li>
    <li>项目二</li>
</ul>

<