HTML: HTML 简介
HTML是网络的框架。若没有HTML，我们就不会有如今所知的互联网了。
1. 什么是 HTML？
HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准语言。它不是一门编程语言，而是一个标记语言——通过标签（tag）来告诉浏览器如何展示内容。
你看到的每一个网页，从简单的博客到复杂的电商平台，底层都是由 HTML 构建的。HTML 定义了网页的结构：标题、段落、图片、链接、表格……一切内容的"骨架"都由 HTML 来搭建。
💡 通俗理解：
把网页想象成一栋房子。HTML 是房子的结构框架（墙、门、窗），CSS 是装修（颜色、风格），JavaScript 是水电系统（交互功能）。
2. 一个简单的 HTML 文档
每个 HTML 文档都由一系列标签组成。下面是最基本的 HTML 文档结构：
▶ 示例
HTML
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网站</title>
</head>
<body>
<h1>你好，世界！</h1>
<p>这是我的第一个段落</p>
</body>
</html>
(1) 代码解析
<!DOCTYPE html>文档类型声明，告诉浏览器这是一个HTML5文档<html>HTML 文档的根元素，所有内容都包含在这个标签内<head>文档的头部区域，包含元数据（标题、编码等）<title>定义网页标题，显示在浏览器的选项卡上<body>文档的主体区域，所有可见内容都放在这里<h1>一级标题，通常是页面最大的标题文字<p>段落标签，用于包裹一段文字
3. HTML 标签的语法
HTML 标签通常是成对出现的，由开始标签和结束标签组成：
HTML
<tagname>内容写在这里</tagname>
- 开始标签：
<tagname>尖括号包裹的标签名 - 结束标签：
</tagname>在标签名前加斜杠 - 内容：标签之间的文字或其它标签
少数标签没有内容，称为空标签，例如换行标签
<br>和水平线标签<hr>。
✅ 最佳实践：
始终使用小写字母书写标签名。虽然
<P> 也能工作，但 <p> 更规范、更易读。
4. HTML 属性
标签可以通过属性来提供额外的信息。属性写在开始标签中，采用 属性名="属性值" 的格式：
HTML
<a href="https://www.example.com">这是一个链接</a>
<img src="/assets/images/tutorials/html-example-photo.webp" alt="A sample photo">
href— 链接的目标地址src— 图片文件的路径alt— 图片无法加载时显示的替代文字（对无障碍访问也很重要）
⚠️ 注意：
属性值需要用引号包裹。推荐使用双引号 " "，保持一致。
5. HTML 的版本
HTML 从诞生至今经历了多个版本。目前我们使用的是 HTML5，它是HTML的最新标准。HTML5 增加了许多新特性：
- 语义化标签（
<header>、<nav>、<article>等） - 原生音视频支持（
<audio>、<video>） - Canvas 绘图 API
- 本地存储（localStorage）
- 响应式图片支持
📌 放心学：
本教程全部基于HTML5标准。你学到的每个知识点都是最新的、可用的。
6. 开发工具
HTML 只需要两样东西：
- 一个文本编辑器 — 推荐 VS Code（免费、轻量）、Sublime Text、Notepad++
- 一个浏览器 — Chrome、Edge、Firefox 都可以
用编辑器写代码，保存为
.html文件，然后用浏览器打开——就这么简单。
🚀 动手试试：
打开你的记事本，把上面的示例代码复制进去，保存为 myfirst.html，然后双击用浏览器打开——你已经写出了第一个网页！
❓ 常见问题
Q HTML和编程语言有什么区别？为什么说HTML不是编程语言？
A 编程语言（如Python、Java）具有变量、循环、条件判断等逻辑控制能力，能实现复杂的算法和业务逻辑。HTML只是用标签来描述网页结构，它没有逻辑处理能力，不能做计算、不能做判断、不能改变自身行为。简单说：编程语言是"做事的"，HTML是"描述东西长什么样的"。
Q 学HTML需要什么基础？英语不好能学吗？
A HTML是所有编程技术中门槛最低的，不需要任何前置基础。英语不好完全不影响学习——HTML标签只有几十个常用词（如
p代表paragraph段落，h代表heading标题），用多了自然记住。真正重要的是理解标签的语义和嵌套逻辑，而不是英语能力。Q 为什么
<!DOCTYPE html>必须写在第一行？不写会浏览器会怎样？A 不写DOCTYPE，浏览器会进入"怪异模式"（Quirks Mode），用1990年代的老式渲染引擎来解析你的页面，可能导致布局错乱、CSS失效等问题。DOCTYPE的作用是告诉浏览器"请用现代标准模式来渲染这个页面"。它不是HTML标签，而是一条指令，必须在所有内容之前声明。
📖 小节
- HTML 是一种标记语言，用标签来描述网页结构，不是编程语言
- 每个 HTML 文档都有固定的骨架：
<!DOCTYPE html>、<html>、<head>+<body> - 标签通常成对出现（开始和结束），少数空标签无结束标签
- 属性为标签提供额外配置，写在开始标签中
- 目前我们使用 HTML5 标准，增加了语义化标签、音视频等新特性
📝 作业
- 创建你的第一个网页：打开记事本（或 VS Code），将本章第一个代码示例复制进去，保存为
myfirst.html，双击用浏览器打开。修改<h1>和<p>标签中的内容，改成你的自我介绍，保存后刷新浏览器查看变化。 - 观察真实网页：打开任意一个网站（比如百度），右键查看网页源代码，看看你能认出哪些标签？
