这是一篇HTML入门笔记，先讲述其历史、起手式、常用表章节标签、全局属性、常见内容标签等内容。
1. 起源
HTML是于1990年由TimBerners-Lee（李爵士）发明的。
2. HTML起手式
<!DOCTYPE html><!--文档类型-->
<html lang="en"><!-- lang指语言，en指英语，中文指zh-CN -->
<head>
<meta charset="UTF-8">
<!-- 文件字符编码——UTF-8（该编码指人类语言编码） -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 禁用缩放 -->
<meta http-equiv="x-UA-Compatible" content="ie=edge">
<!-- 告知将IE浏览器切换到最新 -->
<title>Document</title><!-- 标题 -->
</head>
<body>
</body>
</html>
- 如果文档编码和起手式的字符编码不一致，会导致文档乱码。
3. 常用的表章节的标签
<section> </section>章节：<section>总是多个一起使用，一个页面不能只有一个<section>。<article></article>文章：一个网页可以包含一个或多个。<header></header>头部:如果用在网页的头部，就称为“页眉”。网站导航和搜索栏通常会放在<header>里面。<footer></footer>尾部：当里面要放版权信息时，输入©得——©。<main></main>主体内容，一个页面只能有一个<main>。<aside></aside>旁支内容。<h1> ~ <h6>HTML 提供了6个标签，用来表示文章的标题。按照标题的等级，一共分成六级。<div></div>表示一个区块。
4. 全局属性
全局属性——所有标签都有的属性。
id属性是元素在网页内的唯一标识符，id属性的值还可以在最前面加上#，作为锚点。但是id有重复也不会报错，且id号不能与window的属性名撞名，如果撞名了，只能通过document.getElementById（'id号'）来获取元素，不能通过#id号。class——类。 例如HTML里面<div class = "middle"></div>,则在css里选择middle类元素的写法有：[class =middle]和.middle两种写法；
但是当元素不只含有一类，例如HTML里为<div class = "middle border"></div> ，则前者写法必须将两个类都写上： [class ="middle border"] 。
-
contenteditable用户可以直接在页面编辑页面。 比如style标签默认是display :none，但是将style标签放在body内，同时设置为display：block；style标签设置上contenteditable属性，就可以在页面做修改了。 -
hidden看不见，但可以通过css修改。 -
style属性指定当前元素的 CSS 样式。 当style属性出现在HTML的标签中，同时css和js里也有该元素的样式内容，HTML里面style属性比css里的样式优先级更高，但是js里会覆盖HTML里的style属性。因此 js 呈现最终效果。 -
tabindexTab 的顺序: 正整数（可不连续），网页元素按照从小到大的顺序参与 Tab 键的遍历；负整数，不会进行访问；0，最后一个被访问。 -
title常用来用来为元素添加附加说明。
5. 常见内容标签
ol+li：ol——有顺序的列表（ol只能有li不能有其他），li会自动加上1.2.3等序号。ul+li：无顺序列表，以圆点形式表现。dl+dt+dd：
<dl><!-- 描述列表 -->
<dt>描述的事务：例如 猫</dt>
<dd>描述的内容：例如 猫软绒绒的</dd>
</dl>
<pre></pre>保留原来的格式。（方便页面实现多个空格和换行）<code></code>内写代码，经常与pre一起用： 例如：
<pre>
<code>代码</code>
</pre>
<hr>分隔线（该标签单独使用，没有闭合标签）<br>打断这一行，回车（无闭合标签）<a></a>链接。<em></em>行内标签，表示强调（emphasize），浏览器会以斜体显示。<strong></strong>行内元素，表示重要，粗体显示。- 引用：
<quote></quote>行内引用；<blockquote></blockquote>块、换行引用。
