基础 - HTML5介绍
HTML5的发展历程
HTML5 的新特性优势
HTML安装与开发环境搭建选择文本编辑器
HTML安装与开发环境搭建配置浏览器调试
HTML文档基本模板结构
HTML文档基本结构DOCTYPE 声明作用
HTML标签结构 - 单标签与双标签区别
HTML标签结构 - 标签的嵌套规则
元素分类 - 块级元素 - 常见块级元素介绍
元素分类 - 块级元素 - 块级元素的布局特点
元素分类 - 内联元素 - 典型内联元素列举
元素分类 - 内联元素 - 内联元素的显示特性
元素分类 - 内联块元素 - 内联块元素的用途
元素分类 - 内联块元素 - 内联块元素的样式表现
第一个元素 - html标签 - 页面开始
HTML头部元素title标签网页标题
HTML头部元素title标签优化标题提升搜索
HTML头部元素meta标签字符编码
HTML头部元素meta标签页面描述与关键词
HTML头部元素link标签引入外部 CSS 样式
HTML头部元素link标签图标链接设置
HTML头部元素script标签引入外部 JavaScript
头部元素 - script标签 - 内联脚本的使用
HTML p 文本标签段落文本的显示
HTML p 文本标签段落的样式调整
HTML h 文本标签标题标签的级别
HTML h 文本标签标题的样式设计
HTML pre 文本标签保留空格、换行符
HTML em 文本标签强调文本的表现
HTML em 与 strong 的区别
HTML strong文本标签重点文本的强调
HTML strong 文本标签的样式应用
HTML small标签小号文本的使用
HTML small标签的场景
HTML ul列表标签无序列表的创建
HTML ul列表标签无序列表的样式定制
HTML ol列表标签有序列表的生成
HTML ol列表标签有序列表的编号类型
HTML li列表标签的内容添加
HTML li列表标签的样式设置
HTML dl标签定义列表的结构
HTML dl标签定义列表的用途
HTML dt标签定义列表标题
HTML dt标签的样式
HTML dd列表标签定义列表描述
HTML dd列表标签的排版
HTML a链接标签的基本用法
HTML a链接标签的目标属性设置
HTML a锚点链接标签的实现
HTML a邮件链接标签的创建
HTML button按钮标签
HTML img图像标签插入图片的方法
HTML img图像标签的属性设置
HTML img图像标签的响应式图片处理
HTML figure图像标签的语义化
HTML figure图像标签与 figcaption
HTML figcaption图像标签的说明文字
HTML figcaption图像标签的说明文字样式
HTML table表格标签的基本创建
HTML table表格标签的边框设置
HTML tr表格标签表格行的添加
HTML tr表格标签行的样式调整
HTML td表格标签表格单元格内容
HTML td表格标签单元格的样式设计
HTML th表格标签表头单元格设置
HTML th表格标签表头的样式表现
HTML caption表格标签表格标题添加
HTML caption表格标签标题的样式设置
HTML colgroup表格标签列组的定义
HTML colgroup表格标签列组的样式应用
HTML col表格标签列的属性设置
HTML col表格标签列的样式定制
HTML form表单标签表单的基本结构
HTML form表单标签表单的提交方式
HTML input表单标签文本输入框使用
HTML input表单标签密码输入框特性
HTML input表单标签单选框的实现
HTML input表单标签复选框的应用
HTML input表单标签文件上传框功能
HTML input表单标签按钮类型及作用
HTML select表单标签下拉列表的创建
HTML select表单标签下拉列表的选项设置
HTML textarea表单标签多行文本输入
HTML textarea表单标签文本域的样式调整
HTML label表单标签表单标签的关联
HTML label表单标签标签的样式设计
HTML fieldset表单标签表单分组的作用
HTML fieldset表单标签分组的样式表现
HTML legend表单标签表单分组标题
HTML legend表单标签标题的样式设置
HTML audio音频标签嵌入音频文件
HTML audio音频标签音频的控制属性
HTML audio音频标签音频的兼容性处理
HTML video视频标签插入视频文件
HTML video视频标签视频的播放控制
HTML video视频标签视频的兼容性问题
HTML video视频标签视频的预加载策略
HTML source视频标签多格式视频支持
HTML 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结构
<!DOCTYPE html><html><head></head><body></body></html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
简单到在一些IDE中可以直接生成
<!DOCTYPE html>HTML标记<html>HTML标签<head>头标签</head><body>身体标签</body></html>
<!DOCTYPE html>HTML标记
<html>HTML标签
<head>头标签
<body>身体标签
有头标签有尾标签
