1.概述
HTML 是网页使用的语言，定义了网页的结构和内容，全名是“超文本标记语言”，为了让每个人输入网址就能看到网页，上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明了html。
2.练习代码工具
2.1 练习代码使用工具
2.1.1 JSBin（一种开放源码的协同Web开发调试工具（jsbin.com/?html,outpu…））
2.1.2代码沙盒 codesandbox.io（一个前端代码的在线编辑器，支持各种不同的框架，可以随时预览代码的运行结果。）
2.2HTML起手式
2.2.1表示文档类型；这是一个html文件
2.2.2向搜索引擎表示该页面是html语言，并且语言为英文网站。（其"lang"的意思就是“language”，语言的意思，而“en”即表示english 你的页面如果是中文页面，可将其改为2.2.3告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。
2.2.4告诉IE需使用最新内核打开。
2.2.5Document表示文档的标题。
3.前端知识延伸
3.1.万维网是基于互联网实现了输入地址就能看到网页的网络。
3.2.google搜索MDN HTML5能搜索到权威资料。
3.3.命令行可以有空格，如果属性值有空格必须加双引号；属性值和命令行规则一样。
3.4.没有特殊字符不用加引号。
3.5如果有连续多个空格会被缩成一个空格，如果有连续多个回车也会被缩成一个空格
4.HTML排错
4.1看VS code的颜色提示
4.2.看Webstorm的颜色提示
4.3.使用HTML5验证器
5.HTML5标签（章节标签、全局属性、内容标签）
标签用来告诉浏览器，如何处理这段代码。标签的内容就是浏览器所要渲染的、展示在网页上的内容。
标签放在一对尖括号里面（比如），大多数标签都是成对出现的，分成开始标签和结束标签，结束标签在标签名之前加斜杠（比如）。但是，也有一些标签不是成对使用，而是只有开始标签，没有结束标签，比如标签。
5.1章节标签
表示文章/书的层级
标题 h1~h6，代表六个级别的章节标题.
章节 section，表示一个含有主题的独立部分，通常用在文档里面表示一个章节，比如可以包含多个。总是多个一起使用，一个页面不能只有一个。
文章 article，表示页面里面一段完整的内容，即使页面的其他部分不存在，也具有独立使用的意义，通常用来表示一篇文章或者一个论坛帖子。
段落 p，
标签是一个块级元素，代表文章的一个段落（paragraph）。不仅是文本，任何想以段落显示的内容，比如图片和表单项，都可以放进
元素。
头部 header，标签可以用在多个场景，既可以表示整个网页的头部，也可以表示一篇文章或者一个区块的头部。
脚部 footer，表示网页、文章或章节的尾部。如果用于整张网页的尾部，就称为“页尾”，通常包含版权信息或者其他相关信息。
主体内容 main，标签表示页面的主体内容，一个页面只能有一个。
旁支内容 aside，标签用来放置与网页或文章主要内容间接相关的部分。网页级别的，可以用来放置侧边栏，但不一定就在页面的侧边；文章级别的，可以用来放置补充信息、评论或注释。
划分 div，是一个通用标签，表示一个区块（division）。它没有语义，如果网页需要一个块级元素容器，又没有其他合适的标签，就可以使用这个标签。
5.2全局属性
所有标签都有的属性
class 给你这个标签分很多类
contenteditable 可以使任何元素被编辑
hidden 快速让任何东西看不见
id 不到万不得已不要用ID,容易误导。
style 包含文档的样式信息或者文档的部分内容。
tabindex 控制tab的顺序，有个特殊值0，是最后一个，正的表示顺序访问，负的表示不要访问，0表示最后一个访问
title 用来显示完整的内容。
5.3默认样式
5.3.1为什么有默认样式？
因为HTML被发明的时候，CSS还没诞生。
5.3.2怎么查看默认样式？
chrome 开发者工具
Elements->styles->user agent suylesheet
5.4内容标签
1.ol+li ol表示有序的列表；li表示列表里面的某一项。
2.ul+li ui表示无序的列表；li表示列表里面的某一项。
3.dl+dt+dd dl用来描述列表 dt描述了谁，被描述的对象 dd描述了什么内容。
4.pre 如果想保留回车，空格，tab就用pre标签包起来。
5.hr 分割线水平分割线 br 换行。
6.a 超链接 。
7.em 表示语气很中重要，强调句子的成分。
8.strong 本身很重要，本质的强调。
9.code 用于表示计算机源代码或者其他机器可以阅读的文本内容。
10.q （quote的缩写） 表示引用，行内的引用。
11.blockquote 表示引用，换行的引用。
