起源
HTML（Hypertext Markup Language，超文本标记语言）诞生于20世纪90年代初，用于指定构建网页的元素，这些元素中的大多数都用于描述网页内容，如标题、段落、列表、指向其他网页的链接等。
HTML5是HTML的最新版本，它的大部分内容都可以兼容新旧浏览器，并新增了大量新的功能。HTML5还引入了原生的音频和视频播放功能。
1、html5是什么？
1.1 定义
HyperText Markup Language 超文本标记语言，是一种标记语言。
它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
1.2 简介
HTML5实际上是一系列用来制作现代富Web内容的相关技术的总称。
其中最重要的三项技术是HTML5核心规范、CSS（Cascading Style Sheets，层叠样式表）和JavaScript。
(1）HTML5核心规范定义用以标记内容的元素，并明确其含义。
(2）CSS用于控制标记过的内容呈现在用户面前的外貌。
(3）JavaScript用来操纵HTML文档的内容以及响应用户的操作。
同时HTML5引入了原生的多媒体支持，并引入了可编程内容（canvas元素，必须用到JavaScript）和语义Web。
1.3 网页代码结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>网页标题</title>
<style></style>
</head>
<body>
<script>
</script>
</body>
</html> 含义：
<!DOCTYPE html>
声明文档类型 html5文档(用来标记文档内容的HTML所属的版本)
<html></html>
根标记标签 它表明文档中HTML部分的开始 lang属性指定页面内容的默认语言，例如：en表示英语，es表示西班牙语，等
<head></head>
头标记标签，向浏览器提供有关文档内容和标记的信息，还可以包含脚本和对外部资源（比如CSS样式表）的引用
<body></body>
主体标记标签，文档body部分包含访问者可以看到的内容。
在有了这个基本的结构后，就可以将HTML的其它元素逐步添加进去。
<meta charset="utf-8">
元数据标签 charset设置字符编码 utf-8被称为万国码，
包含全世界所有国家所需要的字符，若无字符集则可能会出现乱码的状况。
<script>
定义客户端脚本
<style>
定义文档的样式
提示：gbk / gb2312两种编码类型统称为国标码
2、html5常用的标签
| 名称 | 标签 | 用法 |
| 标题标签 | <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> | 一般用在文章的标题上 |
| 段落标签 | <p></p> | 一般用在正文。 |
| 换行标签 | <br/> | 一般用在段落中强制换行。 |
| 水平线标签 | <hr> | 一般用来分隔内容 |
| 范围标签 | <span></span> | 1、一般在大段内容中，为了突出部分内容的时候使用的标签；很少独立使用，一般嵌套在其他的标签中使用。 2、是为了改变局部内容样子，我们才通过范围标签包裹，然后修改它的样式。 |
| 图片标签 | <img src="./cat.png"/> | 一般用于显示图片 src:：路径（相对路径，当前./ ，上一级./../）（绝对路径D:\path\cat.png 一般是以盘符开头） |
| 列表标签 | <ul><li></li></ul> <ol><li></li></ol> | 一般用于多个元素同等级排布 |
| 布局标签 | <div></div> | 一般就是做容器，盛放其他标签的，将其他标签组合在一起用来布局 |
| 超链接 | <a></a> | 1、用来实现页面间的跳转 2、实现锚链接功能 |
| 表格标签 | <table> <tr><td></td></th> </table> | 一般用于表格 |
| 表单 | <form></form> | 用于采集用户输入的数据。然后和服务器进行交互。 |
| 音频标签 | <audio></audio> | 多媒体标签 , 即可实现向浏览器中插入音频 |
| 视频标签 | <video></video> | 多媒体标签 , 即可实现向浏览器中插入视频 |
| 框架 | <iframe></iframe> | 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 |
3、标签分类（块元素，行内元素）
html标签可以分为块状元素和行级元素两类。 区分的简单方法：是否独占一行。
块状元素：一般都是新起一行，可以容纳行内元素和其他块级元素；
(h1-h6，p，hr，ol，ul，li，div，table。。。）
行级元素：一般都是语义级别的基本元素，一般只能容纳文本或者其他行内元素。 (span,img，a，i)
块状元素与行内元素的区别：
块级元素会独占一行，其宽度自动填满其父元素宽度；
行内元素会排列到同一行里，其宽度随元素的内容变化而变化。
块级元素可以设置宽高；行内元素设置宽高无效。
块级元素可以设置margin，padding属性；
行内元素的水平方向的padding会有边距效果，但是竖 直方向的padding没有效果。
