1. HTML 发明者
HTML是由Tim Berners-Lee发明的。
2. HTML 起手
输入!+tab可得到：
<!DOCTYPE html> <!--文档类型-->
<html lang="en"> <!--html标签，可以把将其改成zh-CN，表示汉字-->
<head>
<meta charset="UTF-8" /> <!--文件的字符编码-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--禁用缩放，兼容手机-->
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> <!--告诉IE使用最新内核-->
<title>我的网页</title> <!--标题-->
</head>
<body>
</body>
</html>
3. 常用的表章节的标签
- h1~h6
HTML 提供了6个标签，用来表示文章的标题。按照标题的等级，一共分成六级。
<h1>：一级标题
<h2>：二级标题
<h3>：三级标题
<h4>：四级标题
<h5>：五级标题
<h6>：六级标题
- section
<section>标签表示一个含有主题的独立部分，通常用在文档里面表示一个章节，比如<article>可以包含多个<section>。
- article
<article>标签表示页面里面一段完整的内容，即使页面的其他部分不存在，也具有独立使用的意义，通常用来表示一篇文章或者一个论坛帖子。
- p
<p>标签是一个块级元素，代表文章的一个段落（paragraph）。不仅是文本，任何想以段落显示的内容，比如图片和表单项，都可以放进<p>元素。
- header
<header>标签可以用在多个场景，既可以表示整个网页的头部，也可以表示一篇文章或者一个区块的头部。
- footer
<footer>标签表示网页、文章或章节的尾部。如果用于整张网页的尾部，就称为“页尾”，通常包含版权信息或者其他相关信息。
- main
<main>标签表示页面的主体内容，一个页面只能有一个<main>。
- aside
<aside>标签用来放置与网页或文章主要内容间接相关的部分。网页级别的<aside>，可以用来放置侧边栏，但不一定就在页面的侧边；文章级别的<aside>，可以用来放置评论或注释。
- div
<div>是一个通用标签，表示一个区块（division）。它没有语义，如果网页需要一个块级元素容器，又没有其他合适的标签，就可以使用这个标签。
4. 全局属性
- class
class属性用来对网页元素进行分类。如果不同元素的class属性值相同，就表示它们是一类的。
- contentable
HTML 网页的内容默认是用户不能编辑，contenteditable属性允许用户修改内容。它有两个可能的值。
- hidden
hidden是一个布尔属性，表示当前的网页元素不再跟页面相关，因此浏览器不会渲染这个元素，所以就不会在网页中看到它。
- id
id属性是元素在网页内的唯一标识符。id 的全局唯一性没有保障，就算有两个重复的 id，HTML 也不会报错，所以一般情况下使用class。
- style
style属性用来指定当前元素的 CSS 样式。样式显示优先级js>style>css。
- tabindex
tabindex属性的值是一个整数，表示用户按下 Tab 键的时候，网页焦点转移的顺序。不同的属性值有不同的含义。 tabindex 可以是正数，不必是连续的；可以是 0，表示最后才被 tab 访问；可以是 -1，表示不可被 tab 访问。
- title
title属性给出链接的说明信息。鼠标悬停在链接上方时，浏览器会将这个属性的值，以提示块的形式显示出来。
5. 常用的内容标签
- ol+li
<ol>
<li>列表项 A</li>
<li>列表项 B</li>
<li>列表项 C</li>
</ol>
<ol>标签是一个有序列表容器（ordered list），<li>标签表示列表内容（list item），两者并用就是一个有序列表。
- ul+li
<ul>
<li>列表项 A</li>
<li>列表项 B</li>
<li>列表项 C</li>
</ul>
<ul>标签是一个无序列表容器（unordered list），和<li>并用就是一个无序列表。
- dl+dt+dd
<dl>
<dt>CPU</dt>
<dd>中央处理器</dd>
<dt>Memory</dt>
<dd>内存</dd>
<dt>Hard Disk</dt>
<dd>硬盘</dd>
</dl>
<dl>标签是一个块级元素，表示一组术语的列表（description list）。术语名（description term）由<dt>标签定义，术语解释（description detail）由<dd>标签定义。<dl>常用来定义词汇表。
- pre
<pre>hello
world</pre>
<pre>是一个块级元素，表示保留原来的格式（preformatted），即浏览器会保留该标签内部原始的换行和空格。浏览器默认以等宽字体显示标签内容。
- code
<code>alert()</code>的作用是让网页弹出一个提示框。
<code>标签是一个行内元素，表示标签内容是计算机代码，浏览器默认会以等宽字体显示。
- hr
<p>第一个主题</p>
<hr>
<p>第二个主题</p>
<hr>用来在一篇文章中分隔两个不同的主题，浏览器会将其渲染为一根水平线。该标签是单独使用的，没有闭合标签。
- br
<br>让网页产生一个换行效果。该标签是单独使用的，没有闭合标签。
hello<br>world
- a
<a href="https://wikipedia.org/" target="_blank">维基百科</a>
链接通过<a>标签表示，用户点击后，浏览器会跳转到指定的网址。其中target="_blank"表示打开新页面。
- em
<p>我们<em>已经</em>讨论过这件事情了。</p>
<em>是一个行内标签，表示强调（emphasize），浏览器会以斜体显示它包含的内容。
- strong
<strong>现在是下午两点</strong>
<strong>是一个行内元素，表示它包含的内容具有很强的重要性，需要引起注意。浏览器会以粗体显示内容。
- quote
<p>WWF 的目标是：<quote>构建人与自然和谐共存的世界。</quote></p>
<quote> 元素定义短的引用。浏览器通常会为 <quote> 元素包围引号。
- blockquote
<blockquote cite="https://quote.example.com">
<p>天才就是 1% 的天赋和99%的汗水。</p>
</blockquote>
<blockquote>是一个块级标签，表示引用他人的话。浏览器会在样式上，与正常文本区别显示。
