- 1基础 - HTML5介绍公开
- 2概述 - HTML5 简介 - HTML5 的发展历程公开
- 3概述 - HTML5 简介 - HTML5 的新特性优势公开
- 4安装与环境 - 开发环境搭建 - 选择文本编辑器公开
- 5安装与环境 - 开发环境搭建 - 配置浏览器调试公开
- 6基本结构 - 文档结构 - HTML5 文档基本模板公开
- 7基本结构 - 文档结构 - DOCTYPE 声明作用公开
- 8基本结构 - 标签结构 - 单标签与双标签区别公开
- 9基本结构 - 标签结构 - 标签的嵌套规则公开
- 10元素分类 - 块级元素 - 常见块级元素介绍公开
- 11元素分类 - 块级元素 - 块级元素的布局特点公开
- 12元素分类 - 内联元素 - 典型内联元素列举公开
- 13元素分类 - 内联元素 - 内联元素的显示特性公开
- 14元素分类 - 内联块元素 - 内联块元素的用途公开
- 15元素分类 - 内联块元素 - 内联块元素的样式表现公开
- 16第一个元素 - html标签 - 页面开始公开
- 17头部元素 - title标签 - 设置网页标题作用公开
- 18头部元素 - title标签 - 优化标题提升搜索公开
- 19头部元素 - meta标签 - 字符编码设置公开
- 20头部元素 - meta标签 - 页面描述与关键词公开
- 21头部元素 - link标签 - 引入外部 CSS 样式公开
- 22头部元素 - link标签 - 图标链接设置公开
- 23头部元素 - script标签 - 引入外部 JavaScript公开
- 24头部元素 - script标签 - 内联脚本的使用公开
- 25文本元素 - p标签 - 段落文本的显示公开
- 26文本元素 - p标签 - 段落的样式调整公开
- 27文本元素 - h标签 - 标题标签的级别公开
- 28文本元素 - h标签 - 标题的样式设计公开
- 29文本元素 - pre标签 - 保留空格、换行符公开
- 30文本元素 - em标签 - 强调文本的表现公开
- 31文本元素 - em标签 - em 与 strong 的区别公开
- 32文本元素 - strong标签 - 重点文本的强调公开
- 33文本元素 - strong标签 - strong 的样式应用公开
- 34文本元素 - small标签 - 小号文本的使用公开
- 35文本元素 - small标签 - small 标签的场景公开
- 36列表元素 - ul标签 - 无序列表的创建公开
- 37列表元素 - ul标签 - 无序列表的样式定制公开
- 38列表元素 - ol标签 - 有序列表的生成公开
- 39列表元素 - ol标签 - 有序列表的编号类型公开
- 40列表元素 - li标签 - 列表项的内容添加公开
- 41列表元素 - li标签 - 列表项的样式设置公开
- 42列表元素 - dl标签 - 定义列表的结构公开
- 43列表元素 - dl标签 - 定义列表的用途公开
- 44列表元素 - dt标签 - 定义列表标题公开
- 45列表元素 - dt标签 - dt标签的样式公开
- 46列表元素 - dd标签 - 定义列表描述公开
- 47列表元素 - dd标签 - dd标签的排版公开
- 48链接元素 - a标签 - 超链接的基本用法公开
- 49链接元素 - a标签 - 链接的目标属性设置公开
- 50链接元素 - a标签 - 锚点链接的实现公开
- 51链接元素 - a标签 - 邮件链接的创建公开
- 52按钮元素 - button标签 - 按钮公开
- 53图像元素 - img标签 - 插入图片的方法公开
- 54图像元素 - img标签 - 图片的属性设置公开
- 55图像元素 - img标签 - 响应式图片处理公开
- 56图像元素 - figure标签 - 图片的语义化公开
- 57图像元素 - figure标签 - figure 与 figcaption公开
- 58图像元素 - figcaption标签 - 图片说明文字公开
- 59图像元素 - figcaption标签 - 说明文字样式公开
- 60表格元素 - table标签 - 表格的基本创建公开
- 61表格元素 - table标签 - 表格的边框设置公开
- 62表格元素 - tr标签 - 表格行的添加公开
- 63表格元素 - tr标签 - 行的样式调整公开
- 64表格元素 - td标签 - 表格单元格内容公开
- 65表格元素 - td标签 - 单元格的样式设计公开
- 66表格元素 - th标签 - 表头单元格设置公开
- 67表格元素 - th标签 - 表头的样式表现公开
- 68表格元素 - caption标签 - 表格标题添加公开
- 69表格元素 - caption标签 - 标题的样式设置公开
- 70表格元素 - colgroup标签 - 列组的定义公开
- 71表格元素 - colgroup标签 - 列组的样式应用公开
- 72表格元素 - col标签 - 列的属性设置公开
- 73表格元素 - col标签 - 列的样式定制公开
- 74表单元素 - form标签 - 表单的基本结构公开
- 75表单元素 - form标签 - 表单的提交方式公开
- 76表单元素 - input标签 - 文本输入框使用公开
- 77表单元素 - input标签 - 密码输入框特性公开
- 78表单元素 - input标签 - 单选框的实现公开
- 79表单元素 - input标签 - 复选框的应用公开
- 80表单元素 - input标签 - 文件上传框功能公开
- 81表单元素 - input标签 - 按钮类型及作用公开
- 82表单元素 - select标签 - 下拉列表的创建公开
- 83表单元素 - select标签 - 下拉列表的选项设置公开
- 84表单元素 - textarea标签 - 多行文本输入公开
- 85表单元素 - textarea标签 - 文本域的样式调整公开
- 86表单元素 - label标签 - 表单标签的关联公开
- 87表单元素 - label标签 - 标签的样式设计公开
- 88表单元素 - fieldset标签 - 表单分组的作用公开
- 89表单元素 - fieldset标签 - 分组的样式表现公开
- 90表单元素 - legend标签 - 表单分组标题公开
- 91表单元素 - legend标签 - 标题的样式设置公开
- 92音频元素 - audio标签 - 嵌入音频文件公开
- 93音频元素 - audio标签 - 音频的控制属性公开
- 94音频元素 - audio标签 - 音频的兼容性处理公开
- 95视频元素 - video标签 - 插入视频文件公开
- 96视频元素 - video标签 - 视频的播放控制公开
- 97视频元素 - video标签 - 视频的兼容性问题公开
- 98视频元素 - video标签 - 视频的预加载策略公开
- 99视频元素 - source标签 - 多格式视频支持公开
- 100视频元素 - source标签 - source 标签的用法公开
- 101画布元素 - canvas标签 - 画布的基本创建公开
- 102画布元素 - canvas标签 - 画布的大小设置公开
- 103画布元素 - 2D 绘图 - 绘制矩形图形公开
- 104画布元素 - 2D 绘图 - 绘制圆形图形公开
- 105画布元素 - 2D 绘图 - 绘制线条图形公开
- 106画布元素 - 2D 绘图 - 绘制文本内容公开
- 107画布元素 - 2D 绘图 - 图形的填充与描边公开
- 108画布元素 - 2D 绘图 - 图形的渐变填充公开
- 109画布元素 - 2D 绘图 - 图形的阴影效果公开
- 110画布元素 - 2D 绘图 - 图形的变换操作公开
- 111画布元素 - 2D 绘图 - 绘制路径与闭合路径公开
- 112画布元素 - 2D 绘图 - 绘制弧线与曲线公开
- 113画布元素 - 2D 绘图 - 绘制图像到画布公开
- 114画布元素 - 3D 绘图 - WebGL 简介与应用公开
- 115画布元素 - 3D 绘图 - 创建简单 3D 场景公开
- 116画布元素 - 3D 绘图 - 3D 模型的加载公开
- 117画布元素 - 3D 绘图 - 3D 场景的交互公开
- 118矢量图形 - svg标签 - SVG 的基本概念公开
- 119矢量图形 - svg标签 - SVG 的优势特点公开
- 120矢量图形 - 基本形状 - 绘制 SVG 矩形公开
- 121矢量图形 - 基本形状 - 绘制 SVG 圆形公开
- 122矢量图形 - 基本形状 - 绘制 SVG 椭圆公开
- 123矢量图形 - 基本形状 - 绘制 SVG 线条公开
- 124矢量图形 - 基本形状 - 绘制 SVG 多边形公开
- 125矢量图形 - 基本形状 - 绘制 SVG 折线公开
- 126矢量图形 - 文本元素 - SVG 文本的添加公开
- 127矢量图形 - 文本元素 - 文本的样式设置公开
- 128矢量图形 - 渐变效果 - 线性渐变的创建公开
- 129矢量图形 - 渐变效果 - 径向渐变的实现公开
- 130矢量图形 - 滤镜效果 - 模糊滤镜的应用公开
- 131矢量图形 - 滤镜效果 - 阴影滤镜的使用公开
- 132矢量图形 - 动画效果 - 简单动画的制作公开
- 133矢量图形 - 动画效果 - 动画的属性设置公开
- 134矢量图形 - 嵌套与组合 - SVG 的嵌套结构公开
- 135矢量图形 - 嵌套与组合 - 图形的组合操作公开
- 136地理定位 - geolocation 对象 - 地理定位的原理公开
- 137地理定位 - geolocation 对象 - 获取用户位置公开
- 138地理定位 - geolocation 对象 - 位置的精度设置公开
- 139地理定位 - geolocation 对象 - 处理定位错误公开
- 140地理定位 - 应用场景 - 地图应用集成公开
- 141地理定位 - 应用场景 - 附近商家推荐公开
- 142拖放 API - 拖放原理 - 拖放操作的基本流程公开
- 143拖放 API - 拖放原理 - 拖放事件的触发公开
- 144拖放 API - 实现拖放 - 设置可拖放元素公开
- 145拖放 API - 实现拖放 - 处理拖放目标公开
- 146拖放 API - 实现拖放 - 拖放数据的传递公开
- 147拖放 API - 应用场景 - 文件上传拖放公开
- 148拖放 API - 应用场景 - 界面元素布局调整公开
- 149历史管理 - history 对象 - 历史记录的操作公开
- 150历史管理 - history 对象 - 前进后退功能公开
视频元素 - video标签 - 插入视频文件
作用：视频
<video src="shipin.mov" controls="controls" style="width: 500px"></video>