HTML（HyperText Markup Language，超文本标记语言）是构建网页的基础技术。它不是编程语言，而是一种标记语言，用于描述网页的结构和内容。
东巴文（db-w.cn） 认为：HTML就像建筑的骨架，它定义了网页的基本结构，而CSS是装修，JavaScript是功能。
1989年，Tim Berners-Lee在欧洲核子研究中心（CERN）工作时，为了方便科学家们共享研究成果，提出了一个革命性的想法：创建一个全球性的信息空间。
东巴文趣闻：Tim Berners-Lee最初只是想解决一个实际问题——如何让不同国家的科学家更容易地共享文档。没想到这个想法改变了整个世界！
| 年份 | 版本 | 重要事件 | 东巴文评价 |
|---|---|---|---|
| 1989 | - | Tim Berners-Lee提出概念 | 🌟 万维网诞生 |
| 1991 | HTML 1.0 | 第一个正式版本 | 📝 简单的文本标记 |
| 1995 | HTML 2.0 | 第一个标准化版本 | 📚 增加了表单功能 |
| 1997 | HTML 3.2 | W3C接管标准 | 🎨 引入表格和脚本 |
| 1999 | HTML 4.01 | 最成熟的HTML4版本 | ✅ 广泛应用 |
| 2000 | XHTML 1.0 | XML化的HTML | ⚠️ 过于严格 |
| 2008 | HTML5草案 | WHATWG提出新标准 | 🚀 革命性变化 |
| 2014 | HTML5 | 正式推荐标准 | 🎉 现代Web基石 |
| 2021 | HTML Living Standard | 持续演进标准 | 🔄 永不停止进化 |
东巴文金句：HTML的发展史就是Web技术的发展史，每一次版本更新都推动着互联网向前迈进。
HTML是Web技术的基石，学习HTML可以：
东巴文观点：不懂HTML，就像不懂地基的建筑师。无论你学习多么高级的框架，HTML永远是你的起点。
HTML文档具有以下优势：
HTML的应用场景：
| 应用领域 | 具体案例 | 东巴文说明 |
|---|---|---|
| 网站开发 | 企业官网、个人博客 | 🌐 最基础的应用 |
| Web应用 | 在线办公、社交平台 | 💼 复杂的交互系统 |
| 移动应用 | 混合App、小程序 | 📱 跨平台开发 |
| 桌面应用 | Electron应用 | 💻 跨平台桌面软件 |
| 游戏开发 | HTML5游戏 | 🎮 轻量级游戏 |
| 数据可视化 | 图表、仪表盘 | 📊 直观展示数据 |
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到东巴文</h1>
<p>这是一个段落。</p>
</body>
</html>
东巴文点评：HTML的语法非常直观，用尖括号< >包围标签名，就能定义内容的意义。
<!-- 语义化的HTML更易被搜索引擎理解 -->
<article>
<h1>文章标题</h1>
<p>文章内容...</p>
<time datetime="2024-01-01">2024年1月1日</time>
</article>
东巴文提醒：HTML是结构层，CSS是表现层，JavaScript是行为层。三者缺一不可。
<!-- 以下写法浏览器也能解析，但不推荐 -->
<p>段落1
<p>段落2
<img src="image.jpg">
东巴文建议：虽然HTML语法宽松，但应该遵循严格的标准，编写规范的代码。
| 特性 | HTML | XHTML | 东巴文推荐 |
|---|---|---|---|
| 语法 | 宽松 | 严格 | HTML5 |
| 标签闭合 | 可选 | 必须 | ✅ 始终闭合 |
| 大小写 | 不敏感 | 必须小写 | ✅ 使用小写 |
| 属性引号 | 可选 | 必须 | ✅ 始终加引号 |
| MIME类型 | text/html | application/xhtml+xml | text/html |
<!-- HTML：专注于显示内容 -->
<p>这是一段文字</p>
<!-- XML：专注于数据存储 -->
<message>
<from>张三</from>
<to>李四</to>
<content>你好！</content>
</message>
东巴文对比：
| 对比项 | HTML | XML |
|---|---|---|
| 目的 | 显示内容 | 存储数据 |
| 标签 | 预定义 | 自定义 |
| 语法 | 宽松 | 严格 |
| 应用 | 网页 | 数据交换 |
学习目标：掌握HTML基础语法和常用标签
第1天：HTML简介、文档结构
第2天：文本标签（标题、段落、格式化）
第3天：列表（有序、无序、定义列表）
第4天：链接和图片
第5天：表格基础
第6-7天：表单基础
第8-14天：综合练习
东巴文建议：每天学习2-3小时，边学边练，不要只看不写。
学习目标：掌握HTML5新特性和语义化标签
第1周：HTML5语义化标签
第2周：HTML5表单增强
第3周：HTML5多媒体（音频、视频）
第4周：HTML5 Canvas和SVG基础
学习目标：掌握HTML5 API和最佳实践
第1-2周：Web存储、地理定位
第3-4周：拖放API、文件API
第5-6周：Web Workers、WebSockets
第7-8周：性能优化、SEO优化
学习目标：通过项目实践巩固知识
东巴文推荐项目：
个人主页（初级）
企业官网（中级）
博客系统（高级）
| 工具类型 | 推荐工具 | 东巴文评价 |
|---|---|---|
| 代码编辑器 | VS Code | ⭐⭐⭐⭐⭐ 最推荐 |
| 浏览器 | Chrome、Firefox | ⭐⭐⭐⭐⭐ 开发者工具强大 |
| 在线编辑器 | CodePen、JSFiddle | ⭐⭐⭐⭐ 快速测试 |
A：不是。HTML是标记语言，用于描述网页结构，不具备编程语言的逻辑控制能力（如变量、循环、条件判断等）。
A：不需要任何编程基础。只要会使用电脑、浏览器和文本编辑器就可以开始学习。
A：HTML5是HTML的最新版本，增加了许多新特性：
东巴文秘诀：
问题1：HTML的全称是什么？
A. Hyper Text Markup Language B. High Tech Modern Language C. Home Tool Markup Language D. Hyperlinks and Text Markup Language
<details> <summary>点击查看答案</summary>答案：A
东巴文解释：HTML = HyperText Markup Language（超文本标记语言）。HyperText指超文本，Markup指标记，Language指语言。
</details>问题2：以下哪个是HTML5的新特性？
A. <div>标签
B. <canvas>标签
C. <table>标签
D. <form>标签
答案：B
东巴文解释：<canvas>是HTML5新增的标签，用于绘图。其他选项都是HTML早期版本就有的标签。
任务：创建你的第一个HTML文档，包含以下内容：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到东巴文</h1>
<p>这是一个段落，介绍了HTML的基础知识。</p>
<a href="https://db-w.cn">访问东巴文</a>
<img src="https://via.placeholder.com/150" alt="示例图片">
</body>
</html>
东巴文（db-w.cn） - 让编程学习更有趣、更高效！