一、什么是 HTML？
1.1 定义与全称
HTML 的全称是 HyperText Markup Language（超文本标记语言）。
听起来很专业？让我们拆解一下：
| 超文本（HyperText） | 可以包含链接的文本，点击后能跳转到其他页面或位置 |
| 标记语言（Markup Language） | 使用"标签"来标记内容，告诉浏览器如何显示 |
1.2 简单理解
💡 把 HTML 想象成建筑的骨架
- 🏠 HTML = 房屋的结构（墙、梁、柱）
- 🎨 CSS = 房屋的装修（颜色、风格）
- ⚡ JavaScript = 房屋的功能（灯光、电器）
没有 HTML，网页就不存在。
二、HTML 的历史演变
了解历史，能帮助你更好地理解今天为什么这样写代码。
1991年 ──→ HTML 诞生（Tim Berners-Lee 发明）
│
1995年 ──→ HTML 2.0（第一个正式标准）
│
1997年 ──→ HTML 4.0（引入样式表支持）
│
2008年 ──→ HTML5 开始开发
│
2014年 ──→ HTML5 正式成为标准
│
2023年 ──→ HTML 持续更新（WHATWG 维护）
关键里程碑
| HTML 4.01 | 分离内容与表现，支持 CSS |
| HTML5 | 语义化标签、音视频支持、本地存储 |
| 现代 HTML | 持续更新，无需版本号 |
三、为什么 HTML 很重要？
3.1 对开发者而言
| 🎯 入门门槛低 | 语法简单，几小时就能写出第一个页面 |
| 📚 学习基础 | 是学习 CSS、JavaScript 的前提 |
| 🔧 必备技能 | 前端、后端、全栈开发都需要懂 HTML |
| 💰 就业需求大 | Web 开发岗位常年热门 |
3.2 对用户而言
| 🌍 跨平台 | 任何设备、任何浏览器都能访问 |
| ♿ 可访问性 | 支持屏幕阅读器，帮助残障人士 |
| 🔍 搜索引擎友好 | 正确的 HTML 结构利于 SEO 排名 |
| ⚡ 加载速度快 | 纯 HTML 页面非常轻量 |
3.3 对互联网而言
🌐 HTML 是万维网的基石
截至 2024 年，全球有 超过 10 亿个网站，每一个都依赖 HTML 构建。
四、第一个 HTML 页面长什么样？
让我们来看一个最简单的完整 HTML 文档：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网站！</h1>
<p>这是我用 HTML 创建的第一个页面。</p>
</body>
</html>
代码解析
| <!DOCTYPE html> | 告诉浏览器这是 HTML5 文档 |
| <html> | 整个页面的根元素 |
| <head> | 存放元数据（标题、编码等） |
| <body> | 存放用户可见的内容 |
| <h1> | 一级标题 |
| <p> | 段落文本 |
🖥️ 效果预览
所需工具
| 编辑器 | VS Code / Sublime Text | 免费、功能强大 |
| 浏览器 | Chrome / Firefox | 用于预览和调试 |
| 学习资源 | MDN / W3Schools | 官方文档和教程 |
六、常见误区与解答
❓ Q1：HTML 和编程语言有什么区别？
HTML 不是编程语言，它是标记语言。
- 编程语言可以执行逻辑判断、循环等
- HTML 只负责描述内容的结构
❓ Q2：需要记住所有标签吗？
不需要！
- 常用标签约 30-40 个
- 遇到不熟悉的随时查文档
- 实践比死记硬背更重要
❓ Q3：学完 HTML 能做什么？
可以创建：
- 📄 个人简历网页
- 📝 博客文章页面
- 🏢 企业展示页面
- 📋 简单的表单页面
七、总结
| 📌 HTML 是什么 | 超文本标记语言，网页的骨架 |
| 📌 为什么重要 | Web 开发基础、跨平台、就业必备 |
| 📌 如何开始 | 安装编辑器 → 写代码 → 浏览器预览 |
| 📌 下一步 | 学习常用标签，动手实践 |
