HTML中文名超文本标记语言，是HyperText Markup Language的缩写。
创始人：HTML是由蒂姆·伯纳斯-李( Timothy John Berners-Lee)在上世纪90年代发明的。
HTML基本知识：
1. 网页基本标签：
打开空白HTML文件后，输入!(英文输入法下)后按下Tab键，得到如下代码
<!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>
</body>
</html>
1.1 <!DOCTYPE>
表示文档类型，用以告知浏览器如何解析网页。
1.2修改HTML页面语言：
将<html lang="en">修改为<html lang="zh-CN">。表示将网页内容的默认语言由英文修改为简体中文。
1.3<head>标签
用来放置网页信息，它的内容不会出现在网页上。
1.4<meta>标签
用来设置网页的元数据，必须放在<head>中。
charset是<meta>的一个属性，它用来指定网页的编码方式，十分重要；UTF-8是包含了世界上绝大部分语言的编码。name属性与content属性分别表示元数据的名称和值（？？目前不太了解）http-equiv属性与content属性和HTTP协议相关，而<meta http-equiv="X-UA-Compatible" content="IE=edge">这一句表示告诉IE使用最新内核。<title>标签用来指定网页标题。
1.5<body>标签
跟在<head>后，<body>包含的内容会显示在网页页面上。
2.全局属性：
所有标签都有的属性
2.1class属性
对网页进行分类。
2.2contenteditable属性
表示允许用户修改网页内容，它有两个可能值：
ture或者空字符串：表示内容可修改false:表示内容不可修改
2.3hidden属性
用来隐藏当前网页的元素，是一个布尔属性。注：CSS可见性设置高于hidden属性。
2.4id属性
是元素在网页内的唯一标示符，但容易冲突，还是尽量少使用。
2.5style属性
用于指定当前元素的CSS样式，示例（指定文字“”movie”的颜色为黄色）：
<p style="color yellow;"> movie</p>
2.6tabindex属性
用于设置Tab键的操作：tabindex值是一个整数，设置这个数字就可以规定按下几次Tab键后遍历到该元素，整数设置时可以不连续。注，关于tabindex的特殊值：
-1或者其它负整数，表示永远遍历不到它（找不到）0表示最后访问到它
2.7title属性
为元素作附加说明，鼠标停留在元素上时，值会浮现出来。举例：
<div title="人民英雄纪念碑碑文">
三年以来，在人民解放战争和人民革命中牺牲的人民英雄们永垂不朽！
三十年以来，在人民解放战争和人民革命中牺牲的人民英雄们永垂不朽！
由此上溯到一千八百四十年，从那时起，为了反对内外敌人，争取民族独立和人民自由幸福，在历次斗争中牺牲的人民英雄们永垂不朽！
</div>
3.章节标签：表示文章、书的层次结构
3.1<h1>~<h6>:
1级到6级标题，字体由大至小。
3.2<section>：
表示含有主题的独立部分，总是多个一起使用，一个页面不能只有一个。
3.3<article>：
表示页面里一段完整内容。通常用来表示一篇文章或一篇帖子。
3.4<p>：
是一个块级元素，表示文章的一个段落。任何想用段落显示的内容都可以放进<p>标签内。
3.5<header>：
可以用来表示网页、文章的头部。在网页头部可以放置广告、导航栏等，放在文章头部可以放文章标题和作者信息。一个页面可能包含多个<header>。
<article>
<header>
<h3>文章标题</h3>
<p>XXX，发表于20XX年X月X日</p>
</header>
</article>
3.6<foorer>：
放在网页、文章的结尾，可以写如版权信息。
<footer>©XX版权所有</footer>
3.7<main>：
表示页面的主体内容，一个页面只能由一个<main>。
3.8<aside>：
放置与网页或文章主要内容间接相关的部分。
3.9<div>：
表示一个区块（division）。
4.内容标签
4.1<ol>：
ordered list，有序表，可以嵌套<ul>或者<ol>。
4.2<li>：
列表项，用在<ol>或<ul>里面。
4.3<ul>：
unordered list，无序列表，可以嵌套<ul>或者<ol>。
4.4<dl> <dd> <dt>：
三者一般组合使用。分别是description list、description term、description detail。
4.5<pre>：
用来保留换行与空格。浏览器默认以等宽字体显示标签内容。
4.6<code>：
写一行计算机代码。若写多行，要与<pre>标签一起使用。举例如下：
<pre>
<code>
let a = 1;
console.log(a);
</code>
</pre>
4.7<hr>：
这个标签是单独使用的，没有闭合标签。用来分隔两个不同的主题，浏览器上会显示一条分隔线。
4.8<br>：
这个标签是单独使用的，没有闭合标签。用来在网页上产生换行效果。
4.9<a>：
超链接，点击后会跳转指定网址。举例：
<a href="https://baidu.com/">百度</a>
4.10<em>：
表示强调（emphasize），浏览器默认会以斜体显示它包含的内容。
4.11<strong>：
一个行内元素，表示它包含的内容具有很强的重要性，需要引起注意。浏览器会默认以粗体显示内容。
4.12<blockquote>：
一个块级标签，表示引用他人的话。浏览器会在样式上，与正常文本区别显示。举例:
<blockquote cite="https://quote.example.com">
<p>天才就是 1% 的天赋和99%的汗水。</p>
</blockquote>
<cite>-- 爱迪生</cite>
<blockquote>标签有一个cite属性，它的值是一个网址，表示引言来源，不会显示在网页上。
<cite>标签表示引言出处或者作者，浏览器默认使用斜体显示这部分内容。
本文部分内容引用自wangdoc.com/html/index.…
