什么是 HTML？

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它不是编程语言，而是一种标记语言，用于描述网页的结构。

HTML Logo

HTML 基本结构

每个 HTML 文档都有一个基本结构：

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落。</p>
</body>
</html>

常用 HTML 标签

标签 用途 示例
<h1>-<h6> 标题 <h1>大标题</h1>
<p> 段落 <p>这是段落</p>
<a> 链接 <a href="url">链接</a>
<img> 图片 <img src="url" alt="描述">
<div> 容器 <div>内容</div>
<span> 行内容器 <span>文字</span>

为什么学习 HTML？

Web Development

  1. 网页基础 - 所有网页都由 HTML 构建
  2. 易于学习 - 语法简单，上手快
  3. 就业需求 - 前端开发必备技能
  4. 跨平台 - 在任何浏览器中运行

学习资源推荐

总结

HTML 是 Web 开发的基石，掌握它是成为前端开发者的第一步。建议从基础标签开始练习，逐步深入学习语义化标签和 HTML5 新特性。

💡 下一步：学习 CSS 来美化你的网页！


## ✅ **测试要点**

1. **Front Matter** 是否正确显示在属性面板
2. **图片** 是否正常加载
3. **同步** 到 Hexo 后是否正常渲染
4. **标签和分类** 是否被 Hexo 正确识别