本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
HTML
HTML被称为超文本标记语言，大多数网页都是用HTML代码来编写的。通过HTML，开发人员可以确切地确定多媒体，文本和超链接在Web浏览器中的显示方式。在HTML中，标签用于定义文本结构; 标签和元素使用字符定义，浏览器主要负责通过这些标签呈现网页内容。但是随着时间的推移，用于定义文档样式的标签几乎已经被弃用，因为我们已经开始喜欢用样式表增加网页的丰富性，只有内容定义标签仍然形成核心HTML。
HTML5
立即学习“前端免费学习笔记（深入）”；
HTML5是HTML的第五个版本，HTML5中删除或修改了许多元素。
随着时间的推移，HTML已经出现了许多更新，目前最新的HTML版本是HTML5。它仍然是一种标记语言，但它为原始的HTML添加了许多功能，并且消除了XHTML中存在的一些严格性。它大大的改善了用户体验。
html和html5的区别
1、文档类型声明区别
在HTML 5中，Doctype声明非常简单易用，Doctype声明在HTML中太长且复杂
HTML文档的类型声明为：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">//或<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5文档的类型声明为：
<!DOCTYPE html>
HTML5.0：文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发。
2、矢量图形的区别
HTML5支持SVG，画布和其他虚拟矢量图形，而在HTML中，只有将它与Flash，Silver-light等不同技术结合在一起才能使用矢量图形。
3、音频和视频支持的区别
HTML如果不使用Flash播放器支持，它不支持音频和视频。HTML5使用和
4、结构语义区别
html：没有体现结构语义化的标签，如：
html5：添加了许多具有语义化的标签，如：、、、...
相对于HTML，HTML5中新增和修改了一些元素。
5、语法的处理
HTML无法处理不准确的语法；HTML5能够处理不准确的语法。
6、HTML5新增了新的表单控件，例如：日期和时间，电子邮件，数字，范围，电话，网址，搜索等。
7、charset，async和ping的属性是HTML 5的一部分，HTML中不存在charset，async和ping等属性
8、增强了对Web应用程序功能的支持：在HTML5允许浏览器作为应用程序平台运行不需要使用任何基于JS或Flash的方法，因为HTML5中固有的元素提供了所有功能。
9、新增加的