一、HTML简介
HTML的全名是“超文本标记语言”（HyperText Markup Language），上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明。HTML 是网页使用的语言，定义了网页的结构和内容。
二、HTML起手式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body></body>
</html>
<!DOCTYPE html>表示文档类型，告诉浏览器如何解析网页。
<html>标签是一个根标签，该标签的lang属性，表示网页内容默认的语言。<html lang="en">中en表示英文内容，如果是中文内容改为<html lang="zh-CN">
html有两个子元素分别是head和body。<head> </head>里一般是写得看不见的元素。<meta>标签的charset属性，用来指定网页的编码方式。<meta charset="UTF-8" />网页为 UTF-8 编码。
<title>标签用于指定网页的标题，会显示在浏览器窗口的标题栏。标签的内部，不能再放置其他标签，只能放置无格式的纯文本。
<body>标签用于放置网页的主体内容，浏览器显示的页面内容，都放置在它的内部。
三、常用的标签
<h1>~<h6>
HTML 提供了6个标签，用来表示文章的标题。按照标题的等级，一共分成六级。<h1>是最高级别的标题，<h6>是最低级别的标题。<section>
<section>标签表示一个含有主题的独立部分，通常用在文档里面表示一个章节。<section>总是多个一起使用，一个页面不能只有一个<section>。<article>
<article>标签表示页面里面一段完整的内容，即使页面的其他部分不存在，也具有独立使用的意义，通常用来表示一篇文章或者一个论坛帖子。<p>
<p>标签是一个块级元素，代表文章的一个段落（paragraph）。不仅是文本，任何想以段落显示的内容，比如图片和表单项，都可以放进<p>元素。<header>
<header>标签可以用在多个场景，既可以表示整个网页的头部，也可以表示一篇文章或者一个区块的头部。<footer>
<footer>标签表示网页、文章或章节的尾部。如果用于整张网页的尾部，就称为“页尾”，通常包含版权信息或者其他相关信息。<main>
<main>标签表示页面的主体内容，一个页面只能有一个<main>。<asid>
<aside>标签用来放置与网页或文章主要内容间接相关的部分。<div>
<div>是一个通用标签，表示一个区块（division）。
四、全局属性
- class
给标签分类。 - contenteditable
使你的任意元素被编辑。 - hidden
直接隐藏元素。 - id
用来表示全局唯一的标签，id 的全局唯一性没有保障，就算有两个重复的 id，HTML 也不会提示我写错了。 - style
包含应用到元素的 CSS 样式声明，这种CSS样式是内联样式，优先级最高。 - tabindex
表示正数时，tab键会按照升序"123456"这样的顺序来进行聚焦访问，tabindex 可以是 0，表示最后才被 tab 访问；tabindex 可以是-1，表示不可被 tab 访问。 - title
用来显示完整的内容。
五、常用的内容标签
- ol+li
<ol>指有序列的列表，<li>表示列表项，用在<ol>或<ul>容器之中。 - ul+li
<ul>指没有顺序的列表。 - dl+dt+dd
<dl>标签是一个块级元素，表示一组术语的列表（description list）。术语名（description term）由<dt>标签定义，术语解释（description detail）由<dd>标签定义。<dl>常用来定义词汇表。 - pre
<pre>是一个块级元素，表示保留原来的格式（preformatted），即浏览器会保留该标签内部原始的换行和空格。 - code
<code>标签是一个行内元素，表示标签内容是计算机代码，浏览器默认会以等宽字体显示。 - hr
<hr>用来在一篇文章中分隔两个不同的主题，浏览器会将其渲染为一根水平线。 - br
<br>表示换行。 - a
链接通过<a>标签表示，用户点击后，浏览器会跳转到指定的网址。 - em
表示语气上的强调，默认字体斜体。 - strong
表示内容本身的重要性，默认字体加粗。 - quote
<quote>表示引用。它与<blockquote>的区别，就是它不会产生换行。 - blockquote
<blockquote>是一个块级标签，表示引用他人的话。
