写这一篇文档的目的呢，就是让想了解HTML的朋友们（没什么基础的），能快速了解一下HTML。本文语言比较直白、易懂，如果有什么错误的话，请朋友们指正，在下谢过。
ps：最近需要利用到前端的知识来发布地图服务(专业内容)，所以需要稍微了解一下前端的知识。本文的一切知识都是建立在观读了《HTML&CSS设计与构建网站》-JonDuckett-清华大学出版社-210。我觉得，HTML还是比较好学的一门语言，只需要记住一些元素是干啥的、怎么使用、以及里边的一些特性、id、class等等是干什么用的，就可以基本构建一个简单的小的网页了。
入门指南
1. 什么是HTML
HTML全称为Hyper Text Markup Language，意思是超文本标记语言，算是网络前端的一门语言，用于构建网页的框架。而CSS是为了固定一下内容在网页上的位置、字体的格式等，JS是为了实现更绚丽的功能。
为啥说它是超文本呢，你可以记忆为，它不仅仅能标记文本，还能携带图像、视频、音乐这些非文本内容。
为啥说它是标记呢，因为HTML本身是带有结构性的，通过块级或内联元素，把一段本文或者其他非文本内容进行排版。一是让我们的网页内容更规整、规矩，二是根据不同类型的内容（标题、粗斜体文字、列表、表格、框架、音频等），有不同类型的元素（<h>、<b>、<ol>、<table>、<ifram>、<audio>）
2. HelloWorld
下面是HTML的整个写作的主体内容：
<!DOCTYPE html> # 声明这是HTML5
<html lang="en"> # HTML的写作格式
<head> # 头
<meta charset="UTF-8"> # 编码类型-UTF8
<title>Hello</title> # 网页标题
</head>
<body> # 网页的主体内容
Word!
</body>
</html>
效果：
注，一个元素根据是否成对，可分为：
- 对元素，就像
<p></p>是一对标签，由开始标签和结束标签组成，你可以称它为对元素。 - 空元素，就像
<br />、<img src>等，他们不存在成对的情况。
<area>
<base>
<br>
<col>
<colgroup>
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>
3. 各种元素
学习HTML主要是学习通过元素来对文本与非文本内容进行排版： 文本的段落要用到<p>标签；列表可能要用到<ol></ol><ul></ul><dl></dl>标签；表格可能要用到<table></table>;就像音频就可能要用到<audio>标签等等等等。
&emsp:下面，我将就几个常用的标签进行讲解：
3.1. 文本元素
<h1> #一级大标题，<h2>对应二级，以此类推
<p> #paragraph，块级元素，就是用于存放一段文字
<b> #bold加粗文字
<i> #italic文字斜体
3.2. 语义元素
有些硬件，例如“屏幕阅读器”，可以根据网页的文字内容，进行朗读。有一些元素，就为了表达一些语气等，而被制定为语义元素。就如“…二营长，把老子的意大利炮给拿过来！…”这一句话需要高昂的声调来读，就可以使用以下两个元素：
<em> #强调
<strong> #把文本定义为语气更强的强调的内容。
3.3. 列表
有序列表：
<ol>
<li> </li>
<li> </li>
</ol>
无序列表
<ul>
<li> </li>
<li> </li>
</ul>
自定义列表
<dl>
<dt> </dt>
<dd> </dd>
</dl>
3.3. 功能元素
<a href=""> </a> #指向一个网址，也可以是相对路径的网页内网址
<addr> # 缩写词
<address> # 地址
<blockquote cite=""> #引用 <q>也是
3.5. 表格
<table>
<tr><th></th></tr>
</table>
3.6. 图片、音频、视频
<img src=""> # 图片
<audio src=""></audio> #音频
<video src=""></video> # 视频
3.7. demo
使用上述所有元素做一个demo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>This is a demo</title>
</head>
<body>
<h1>这是一级大标题</h1>
<p>
<br />这是一个段落，下面我为大家讲述一个故事，一位美国的数学家，他的名字叫科尔。
早在20世纪初的时候，当时在数学界有这样一道难题，那就是<b>2的76次方减1的结
果是不是人们所猜想的质数</b>。当时有很多科学家都在努力地攻克这一数学难关，
但是都没有如愿。直到后来，在一次纽约数学学会的年会上，在年会现场，数学家
科尔通过令人信服的运算，非常成功地证明了这道难题。有人问他:"请问您论证这
个课题大约一共花了多长时间?"他回答说："<i>我花掉了三年里的全部星期天</i>。"
</p>
<em> 二营长 </em>
<strong> 把老子的意大利炮拿过来</strong>
<ol>
<li>这是有序列表的第一列</li>
<li> 这是有序列表的第二列</li>
</ol>
<ul>
<li> 这是无序列表的第一列</li>
<li> 这是无序列表的第二列</li>
</ul>
<dl>
<dt>dt1</dt>
<dd>dd1 </dd>
</dl>
<a href="https://www.baidu.com/">指向百度的首页</a>
<abbr title="Professor">Pro</abbr>
<address>上海市东方明珠</address>
<table>
<tr>这是第一行<th>1</th><th>2</th></tr>
</table>
<blockquote cite="https://www.baidu.com/">百度一下，你就知道</blockquote>
<img src="//www.baidu.com/img/bd_logo1.png?where=super">
<div><audio src="http://www.xinei.com/13846.mp3" autoplay="autoplay" controls="controls"></audio></div>
<video src="blob:https://www.iqiyi.com/f8938ca5-4281-4273-add4-73ed00736dc2"></video>
</body>
</html>
效果如下：
