html5
它是目前最新版本的html规范，兼容性极好，可以很好地适配于ios/androd/mac/windows 平台
html规范发展史：xml -> html -> xhtml -> html5(h5)
h5代表的并不是移动端，而是html的一个版本
标签
用<字母> 或者 </字母> 的格式书写的就是标签
标签书写格式
双标签：
<标签名称 属性名称="属性值"> 子标签 </标签名称>
单标签（自闭合标签）：<标签名称 属性名称="属性值">
为什么需要标签
市面上有很多浏览器，他们有自己的内核，所以开发人员需要有一套标准的描述网页的语言给浏览器去解析，这样浏览器才知道应该给用户展示什么样的内容，而这个标签就是这么一个描述网页的语言。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
hello web
</body>
</html>
1.<!DOCTYPE html>： 文档声明，告诉浏览器，我当前的这个文档（html文件）是一个html5规范的文件，请浏览器在解析时按照html5的规范去解析
2. <html lang="en">： html文档的语言（中文，英文）类型，给浏览器和搜索引擎看的，它是网页的根（root）标签，其他的所有标签都是html的子标签
3. <head></head>: 网页的头部，作用是加载样式（css）,脚本（js）文件，以及定义一些 给浏览器看的声明
4. <meta>:声明网页元信息，给浏览器看的
5. <title>：声明网页的标题，它的内容会被展示到浏览器的tab中
6.<body></body>：要显示到浏览器中的内容
常见的html标签
元素=标签=节点
行内元素
特点：所有的标签横向排列（占一块区域，不占满一行）
span标签
内联文字，用于展示一行内容中的某个部分
<body>
<span>span</span><span>span</span>
</body>
a标签
超链接，用于跳转到另外一个页面
href属性表示需要跳转的地址，地址
target属性设置为__blank, 点击时会在浏览器新tab中打开目标
target属性设置为__self, 点击时会在浏览器当前tab中打开目标
<body>
<a target="_blank" href="https://www.baidu.com">百度</a>
<a target="_self" href="https://www.baidu.com">百度</a>
</body>
img标签
图片标签，用于在页面上展示一个图片，src属性表示图片地址
块级元素
特点：所有的标签独占一行
标题标签
h1-h6 : 标题，一般用于表示文章的标题
列表标签
ul/li: 列表，一般用于展示列表
<body>
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
</body>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
