HTML（超文本标记语言）是构建网页的骨架，它定义了内容的结构与语义。作为前端开发的基石，掌握 HTML 能让我们更清晰地理解浏览器如何渲染页面。
HTML 文档结构解析
写第一个 HTML 文件时，我们通常会看到一套固定的模板。这不仅仅是格式要求，更是告诉浏览器如何解析文档的关键。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文档标题</title>
</head>
<body>
<h1>欢迎使用 HTML！</h1>
<p>这是一个段落。</p>
</body>
</html>
这里有几个关键点：
<!DOCTYPE html>：声明文档类型，确保浏览器以 HTML5 标准模式解析。<html>：根元素，包裹整个文档内容。<head>：存放元数据，比如字符集、视口设置和标题，这部分不会直接显示在页面上。<body>：真正展示给用户的内容区域，所有的可见元素都放在这里。
常用标签速查
实际开发中，我们不需要死记硬背所有标签，但以下几类必须熟练：
标题与文本
标题标签从 <h1> 到 <h6>，数字越小级别越高。<h1> 通常用于主标题，搜索引擎也会重点关注它。段落则用 <p> 包裹，注意不要滥用标题层级。
链接与媒体
创建跳转链接用 <a> 标签，href 属性指向目标地址。插入图片用 <img>，记得务必加上 属性描述图片内容，这对无障碍访问和 SEO 都很重要。
