别再看那些枯燥的文档了！带上你的键盘，开始征服 Web 世界！
HTML 是什么？它不是编程语言（别打我）！听听蒂姆大神造世的故事。
用记事本写代码？你是原始人吗？来挑一把趁手的兵器（编辑器）。
HTML 的骨架结构。头（Head）和身体（Body）分家了怎么办？在线等，挺急的。
认识各种标签元素。谁是块级霸主？谁是行内小透明？
属性（Attributes）详解。如何给你的标签穿上神装，让它飞檐走壁。
标题（Headings）与段落。如何用 H1 震慑全场，用 P 娓娓道来。
文本格式化。加粗、斜体、上天入地，文字也能玩出花。
Style 样式。给你的网页涂口红、打粉底，拒绝素颜。
超链接 (Links)。连接万维网的神秘通道，小心别跳进虚空。
图像 (Images)。如何在网页里挂画，以及流量谋杀案的真相。
实战演练： 运用你学到的知识，制作一张独一无二的英雄名片！
Table 数据网格。行与列的交响曲，千万别拿来布局哦。
列表 (Lists)。无序、有序、定义列表。你是带薪拉屎第几名？
块级与行内 (Block & Inline)。谁是霸道总裁，谁是随和小弟？
Class 与 ID。如何给成千上万的标签起名字？
Iframe 框架。在网页里看电视，安全与风险并存。
Head 头部。虽然用户看不见，但它决定了网页的命运。
布局 (Layout)。用语义化标签盖一座坚固的房子，别再全是 div 啦。
响应式 (Responsive)。无论是手机还是巨幕，网页都要完美适配。
代码 (Code)。如何在网页里优雅地展示代码？极客必修课。
字符实体 (Entities)。当浏览器想把 "小于号" 吃掉时，我们该怎么办？
实战演练： 绘制基地的布局结构，掌握表格与列表的用法。
表单 (Forms)。终于可以和用户对话了！虽然他们可能只会填个表情包。
多媒体 (Media)。在网页里放电影、听音乐。爆米花准备好了吗？
Canvas 绘图。用代码拿起画笔，你就是毕加索！
SVG 矢量图。数学构建的图形，放大一万倍也清晰如初。
Geolocation 地理定位。无论你躲到天涯海角，浏览器都知道。
Drag and Drop 拖放 API。鼠标就是起重机，想搬哪里搬哪里。
Web Storage 本地存储。别再把秘密告诉 Cookie 了，存这里更安全。
Web Workers 后台线程。主线程太忙？召唤分身来帮忙算数！
WebSocket 双向通信。告别写信（HTTP），直接和服务器煲电话粥。
实战演练： 组装基地的控制系统，集成表单和可视化雷达。
Audio 音频。告别 Flash，用原生标签播放你的 BGM。
Video 视频。在网页上开个私人影院，支持弹幕吗？
YouTube/Bilibili。如何把别人的视频搬到自己家里。
Plugins 插件。那些年我们用过的 Flash 和 Java Applet。
App Cache。曾经的离线神器，如今已被时代抛弃。
Web SQL。虽然被废弃，但它教会了前端写 SQL。
IndexedDB。浏览器里的 NoSQL 巨兽，存几个 G 都没问题。
SSE (Server-Sent Events)。服务器说：我有新消息，你要听吗？
MathML。在网页上优雅地写出微积分公式。
XHTML。必须闭合！必须小写！不听话就报错！
Charset 字符集。乱码这种事，绝对不能忍。
实战演练： 打造一个功能齐全的娱乐中心，支持视频和特殊公式显示。
Form Elements。Datalist, Keygen, Output... 认识一下新朋友。
Input Types。邮箱、日期、颜色... 输入框也能七十二变。
Form Attributes。Required, Pattern... 给表单加上强力 Buff。
HTML5 简介。这不仅仅是一次升级，这是一场革命。
Browser Support。如何搞定 IE8 这个老顽固？
New Elements。Article, Section... 让标签也能说话。
Semantic Elements。像建筑师一样规划你的网页结构。
Migration。从 HTML4 到 HTML5，只需几步轻松搞定。
Style Guide。代码写得乱？强迫症表示不能忍！
URL Encode。给特殊字符穿上伪装衣，混过安检。
Symbols。键盘打不出来的符号，用咒语召唤它们。
实战演练： 告别 div 乱炖，用 HTML5 语义化标签重构你的基地！
Quiz。是时候检验你的修行成果了！挑战大魔王！