HTML 教程
HTML（HyperText Markup Language，超文本标记语言） 是构成网页的骨架——你在任何网站看到的文字、图片、按钮、表单，底层都是 HTML 在描述。没有 HTML，就没有网页。
本教程共 8 章，每章都配可直接在浏览器里运行的示例，零基础直接开冲。
📍 前端板块 · 技术栈 1/2 ｜ 下一站：JavaScript（让页面动起来）
章节规划
| 章节 | 内容 | 你将学会 | 状态 |
|---|---|---|---|
| 1. HTML 是什么 | 概念入门 | 理解网页的本质、标签基本写法 | ✅ 已上线 |
| 2. 第一个网页 | 在线运行 | 写出人生第一个页面，在浏览器打开 | ✅ 已上线 |
| 3. 页面结构详解 | 骨架剖析 | 看懂任何网页的源代码，head 与 body | ✅ 已上线 |
| 4. 常用文本标签 | 标题/段落/强调 | 排版文字内容，h1~h6、p、strong、em | ✅ 已上线 |
| 5. 链接与图片 | a / img | 让页面之间跳转起来，插入图片 | ✅ 已上线 |
| 6. 列表与表格 | ul / ol / table | 结构化展示数据，列表与表格 | ✅ 已上线 |
| 7. 表单 | input / button | 和用户对话，收集用户输入 | ✅ 已上线 |
| 8. 综合练习 | 实战 | 独立写出个人主页 | ✅ 已上线 |
适合谁看
- 零基础，第一门 Web 技术选 HTML
- 想自己做网页，但不知道从何开始
- 为后续学习 JavaScript、CSS 打基础
本教程的学习约定
- 每篇都要动手：右侧运行框（RunBox）里的代码，改一改、跑一跑，看效果立刻变化
- 不用背标签：用多了自然记住，忘了就回来查
- 顺序学习：章节是递进的，跳着看容易懵
- 无需安装环境：HTML 示例直接在浏览器里运行，打开
.html文件即可看到效果
记忆口诀
标签成对出现，属性写在里面；head 放信息，body 放内容。
动手建议
- 从第 1 章开始，每章代码都亲手在 RunBox 里跑一遍
- 完成《综合练习：个人主页》后，试着把自己的照片、链接加进去，做一个真正属于你的页面
- 学完 HTML 后，直接进入 JavaScript，让页面"动"起来
准备好了？从 HTML 是什么 开始 🐸