基础 - HTML5介绍
概述 - HTML5 简介 - HTML5 的发展历程
概述 - HTML5 简介 - HTML5 的新特性优势
安装与环境 - 开发环境搭建 - 选择文本编辑器
安装与环境 - 开发环境搭建 - 配置浏览器调试
基本结构 - 文档结构 - HTML5 文档基本模板
基本结构 - 文档结构 - DOCTYPE 声明作用
基本结构 - 标签结构 - 单标签与双标签区别
基本结构 - 标签结构 - 标签的嵌套规则
元素分类 - 块级元素 - 常见块级元素介绍
元素分类 - 块级元素 - 块级元素的布局特点
元素分类 - 内联元素 - 典型内联元素列举
元素分类 - 内联元素 - 内联元素的显示特性
元素分类 - 内联块元素 - 内联块元素的用途
元素分类 - 内联块元素 - 内联块元素的样式表现
第一个元素 - html标签 - 页面开始
头部元素 - title标签 - 设置网页标题作用
头部元素 - title标签 - 优化标题提升搜索
头部元素 - meta标签 - 字符编码设置
头部元素 - meta标签 - 页面描述与关键词
头部元素 - link标签 - 引入外部 CSS 样式
头部元素 - link标签 - 图标链接设置
头部元素 - script标签 - 引入外部 JavaScript
头部元素 - script标签 - 内联脚本的使用
文本元素 - p标签 - 段落文本的显示
文本元素 - p标签 - 段落的样式调整
文本元素 - h标签 - 标题标签的级别
文本元素 - h标签 - 标题的样式设计
文本元素 - pre标签 - 保留空格、换行符
文本元素 - em标签 - 强调文本的表现
文本元素 - em标签 - em 与 strong 的区别
文本元素 - strong标签 - 重点文本的强调
文本元素 - strong标签 - strong 的样式应用
文本元素 - small标签 - 小号文本的使用
文本元素 - small标签 - small 标签的场景
列表元素 - ul标签 - 无序列表的创建
列表元素 - ul标签 - 无序列表的样式定制
列表元素 - ol标签 - 有序列表的生成
列表元素 - ol标签 - 有序列表的编号类型
列表元素 - li标签 - 列表项的内容添加
列表元素 - li标签 - 列表项的样式设置
列表元素 - dl标签 - 定义列表的结构
列表元素 - dl标签 - 定义列表的用途
列表元素 - dt标签 - 定义列表标题
列表元素 - dt标签 - dt标签的样式
列表元素 - dd标签 - 定义列表描述
列表元素 - dd标签 - dd标签的排版
链接元素 - a标签 - 超链接的基本用法
链接元素 - a标签 - 链接的目标属性设置
链接元素 - a标签 - 锚点链接的实现
链接元素 - a标签 - 邮件链接的创建
按钮元素 - button标签 - 按钮
图像元素 - img标签 - 插入图片的方法
图像元素 - img标签 - 图片的属性设置
图像元素 - img标签 - 响应式图片处理
图像元素 - figure标签 - 图片的语义化
图像元素 - figure标签 - figure 与 figcaption
图像元素 - figcaption标签 - 图片说明文字
图像元素 - figcaption标签 - 说明文字样式
表格元素 - table标签 - 表格的基本创建
表格元素 - table标签 - 表格的边框设置
表格元素 - tr标签 - 表格行的添加
表格元素 - tr标签 - 行的样式调整
表格元素 - td标签 - 表格单元格内容
表格元素 - td标签 - 单元格的样式设计
表格元素 - th标签 - 表头单元格设置
表格元素 - th标签 - 表头的样式表现
表格元素 - caption标签 - 表格标题添加
表格元素 - caption标签 - 标题的样式设置
表格元素 - colgroup标签 - 列组的定义
表格元素 - colgroup标签 - 列组的样式应用
表格元素 - col标签 - 列的属性设置
表格元素 - col标签 - 列的样式定制
表单元素 - form标签 - 表单的基本结构
表单元素 - form标签 - 表单的提交方式
表单元素 - input标签 - 文本输入框使用
表单元素 - input标签 - 密码输入框特性
表单元素 - input标签 - 单选框的实现
表单元素 - input标签 - 复选框的应用
表单元素 - input标签 - 文件上传框功能
表单元素 - input标签 - 按钮类型及作用
表单元素 - select标签 - 下拉列表的创建
表单元素 - select标签 - 下拉列表的选项设置
表单元素 - textarea标签 - 多行文本输入
表单元素 - textarea标签 - 文本域的样式调整
表单元素 - label标签 - 表单标签的关联
表单元素 - label标签 - 标签的样式设计
表单元素 - fieldset标签 - 表单分组的作用
表单元素 - fieldset标签 - 分组的样式表现
表单元素 - legend标签 - 表单分组标题
表单元素 - legend标签 - 标题的样式设置
音频元素 - audio标签 - 嵌入音频文件
音频元素 - audio标签 - 音频的控制属性
音频元素 - audio标签 - 音频的兼容性处理
视频元素 - video标签 - 插入视频文件
视频元素 - video标签 - 视频的播放控制
视频元素 - video标签 - 视频的兼容性问题
视频元素 - video标签 - 视频的预加载策略
视频元素 - source标签 - 多格式视频支持
视频元素 - source标签 - source 标签的用法
画布元素 - canvas标签 - 画布的基本创建
画布元素 - canvas标签 - 画布的大小设置
画布元素 - 2D 绘图 - 绘制矩形图形
画布元素 - 2D 绘图 - 绘制圆形图形
画布元素 - 2D 绘图 - 绘制线条图形
画布元素 - 2D 绘图 - 绘制文本内容
画布元素 - 2D 绘图 - 图形的填充与描边
画布元素 - 2D 绘图 - 图形的渐变填充
画布元素 - 2D 绘图 - 图形的阴影效果
画布元素 - 2D 绘图 - 图形的变换操作
画布元素 - 2D 绘图 - 绘制路径与闭合路径
画布元素 - 2D 绘图 - 绘制弧线与曲线
画布元素 - 2D 绘图 - 绘制图像到画布
画布元素 - 3D 绘图 - WebGL 简介与应用
画布元素 - 3D 绘图 - 创建简单 3D 场景
画布元素 - 3D 绘图 - 3D 模型的加载
画布元素 - 3D 绘图 - 3D 场景的交互
矢量图形 - svg标签 - SVG 的基本概念
矢量图形 - svg标签 - SVG 的优势特点
矢量图形 - 基本形状 - 绘制 SVG 矩形
矢量图形 - 基本形状 - 绘制 SVG 圆形
矢量图形 - 基本形状 - 绘制 SVG 椭圆
矢量图形 - 基本形状 - 绘制 SVG 线条
矢量图形 - 基本形状 - 绘制 SVG 多边形
矢量图形 - 基本形状 - 绘制 SVG 折线
矢量图形 - 文本元素 - SVG 文本的添加
矢量图形 - 文本元素 - 文本的样式设置
矢量图形 - 渐变效果 - 线性渐变的创建
矢量图形 - 渐变效果 - 径向渐变的实现
矢量图形 - 滤镜效果 - 模糊滤镜的应用
矢量图形 - 滤镜效果 - 阴影滤镜的使用
矢量图形 - 动画效果 - 简单动画的制作
矢量图形 - 动画效果 - 动画的属性设置
矢量图形 - 嵌套与组合 - SVG 的嵌套结构
矢量图形 - 嵌套与组合 - 图形的组合操作
地理定位 - geolocation 对象 - 地理定位的原理
地理定位 - geolocation 对象 - 获取用户位置
地理定位 - geolocation 对象 - 位置的精度设置
地理定位 - geolocation 对象 - 处理定位错误
地理定位 - 应用场景 - 地图应用集成
地理定位 - 应用场景 - 附近商家推荐
拖放 API - 拖放原理 - 拖放操作的基本流程
拖放 API - 拖放原理 - 拖放事件的触发
拖放 API - 实现拖放 - 设置可拖放元素
拖放 API - 实现拖放 - 处理拖放目标
拖放 API - 实现拖放 - 拖放数据的传递
拖放 API - 应用场景 - 文件上传拖放
拖放 API - 应用场景 - 界面元素布局调整
历史管理 - history 对象 - 历史记录的操作
历史管理 - history 对象 - 前进后退功能
作用：看到的所有网页都是HTML
基本每写一个HTML标签，就要写一下<div></div>这样好写CSS
