doc: Update README.md

Author: jaywcjlove

README.md

@@ -7,10 +7,78 @@ HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世
 
 HTML 使用“标记”（markup）来注明文本、图片和其他内容，以便于在 Web 浏览器中显示。
 
-HTML 元素通过“标签”（tag）将文本从文档中引出，标签由在“<”和“>”中包裹的元素名组成，HTML 标签里的元素名不区分大小写。也就是说，它们可以用大写，小写或混合形式书写。例如，`<title>` 标签可以写成 `<Title>`，`<TITLE>` 或以任何其他方式。
+HTML 元素通过“标签”（tag）将文本从文档中引出，标签由在 `<` 和 `>` 中包裹的元素名组成，HTML 标签里的元素名不区分大小写。也就是说，它们可以用大写，小写或混合形式书写。例如，`<title>` 标签可以写成 `<Title>`，`<TITLE>` 或以任何其他方式。
+
+```html
+<title>标题<title>
+<TITLE>标题<TITLE>
+```
+
+```bash
+                    ╭┈┈┈┈┈┈┈┈┈┈┈╮
+                    ┆  Element  ┆
+                    ╰┈┈┈┈┈┬┈┈┈┈┈╯
+                          ▼ 
+     ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
+  开始标签               文本内容               结束标签
+     ▼                ╰┈┈┈┈┬┈┈┈┈╯               ▼
+╭┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈╮
+┆ <div class="ab">    this my content        </div>  ┆
+╰┈┈╱┈┈┈┈┈┈┈┈┈┈┈┈╲┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯
+属性名称        属性值
+ name          value
+   ╰┈┈┈┈┈┈┬┈┈┈┈┈┈╯
+    Attribute(属性)
+```
 
 教程、参考资料和示例会不断审查以避免错误，但不能保证所有内容的完全正确性，所有资源来源网络。
 
+## HTML 简史
+
+在 1980 年代后期，作为 CERN 承包商的物理学家 Tim Berners-Lee 为 CERN 研究人员提出了一个系统。 1989 年，他写了一份备忘录，提出了一个基于互联网的超文本系统。
+
+Tim Berners-Lee 被称为 HTML 之父。 HTML 的第一个可用描述是 Tim 在 1991 年末提出的名为“HTML 标签”的文档。HTML 的最新版本是 HTML5，我们将在本教程的后面部分学习。
+
+
+| Year | Version |
+| ---- | ---- |
+| 1989 | Tim Berners-Lee 发明了 www |
+| 1991 | Tim Berners-Lee 发明了 HTML |
+| 1993 | Dave Raggett 起草了 HTML+ |
+| 1995 | HTML 工作组定义的 HTML 2.0 |
+| 1997 | W3C Recommendation: HTML 3.2 |
+| 1999 | W3C Recommendation: HTML 4.01 |
+| 2000 | W3C Recommendation: XHTML 1.0 |
+| 2008 | WHATWG HTML5 首次公开草案 |
+| 2012 | [WHATWG HTML5 Living Standard](http://whatwg.org/html/) |
+| 2014 | [W3C Recommendation: HTML5](http://www.w3.org/TR/html5/) |
+| 2016 | W3C Candidate Recommendation: HTML 5.1 |
+| 2017 | [W3C Recommendation: HTML5.1 2nd Edition](http://www.w3.org/TR/html51/) |
+| 2017 | [W3C Recommendation: HTML5.2](http://www.w3.org/TR/html52/) |
+
+
+## HTML 要点
+
+- HTML 代表超文本标记语言。
+- HTML 用于创建网页和 Web 应用程序。
+- HTML 是网络上广泛使用的语言。
+- 我们只能通过 HTML 创建静态网站。
+- 从技术上讲，HTML 是一种标记语言，而不是一种编程语言。
+
+## HTML 版本
+
+自 HTML 发明以来，市场上有很多 HTML 版本，下面对 HTML 版本进行简单介绍：
+
+**① HTML 1.0：** HTML 的第一个版本是 1.0，它是 HTML 语言的准系统版本，于 1991 年发布。
+
+**② HTML 2.0：** 这是 1995 年发布的下一个版本，是网站设计的标准语言版本。 HTML 2.0 能够支持额外的功能，例如基于表单的文件上传、文本框等表单元素、选项按钮等。
+
+**③ HTML 3.2：** HTML 3.2 版本由 W3C 于 1997 年初发布。此版本能够创建表格并为表单元素的额外选项提供支持。 它还可以支持具有复杂数学方程的网页。 直到 1997 年 1 月，它才成为任何浏览器的官方标准。如今，大多数浏览器实际上都支持它。
+
+**④ HTML 4.01：** HTML 4.01 版本于 1999 年 12 月发布，是一个非常稳定的 HTML 语言版本。 这个版本是当前的官方标准，它增加了对样式表 (CSS) 的支持和各种多媒体元素的脚本能力。
+
+**⑤ HTML 5：** HTML 5 是超文本标记语言的最新版本。 该版本的初稿于 2008 年 1 月公布。有两个主要组织，一个是 [W3C](https://www.w3.org/)（万维网联盟），另一个是 [WHATWG](https://whatwg.org/)（Web 超文本应用技术工作组），它们参与了 HTML 5 版本的开发 ，并且仍在开发中。
+
 <!--idoc:ignore:start-->
 
 ## 目录

docs/tutorial/intro.md

@@ -45,6 +45,23 @@ HTML 元素由开始标签、一些内容和结束标签定义
 <tagname> 内容在这里... </tagname>
 ```
 
+```bash
+                    ╭┈┈┈┈┈┈┈┈┈┈┈╮
+                    ┆  Element  ┆
+                    ╰┈┈┈┈┈┬┈┈┈┈┈╯
+                          ▼ 
+     ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
+  开始标签               文本内容               结束标签
+     ▼                ╰┈┈┈┈┬┈┈┈┈╯               ▼
+╭┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┴┈┈┈┈╮
+┆ <div class="ab">    this my content        </div>  ┆
+╰┈┈╱┈┈┈┈┈┈┈┈┈┈┈┈╲┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯
+属性名称        属性值
+ name          value
+   ╰┈┈┈┈┈┈┬┈┈┈┈┈┈╯
+    Attribute(属性)
+```
+
 HTML **element** 是从开始标记到结束标记的所有内容：
 
 ```html
@@ -108,8 +125,8 @@ Web 浏览器（[Chrome](https://www.google.cn/chrome/index.html)、[Edge](https
 
 自万维网诞生之初，就出现了许多 HTML 版本：
 
-| Year | Version                                                                 |
-| ---- | ----------------------------------------------------------------------- |
+| Year | Version |
+| ---- | ---- |
 | 1989 | Tim Berners-Lee 发明了 www                                            |
 | 1991 | Tim Berners-Lee 发明了 HTML                                           |
 | 1993 | Dave Raggett 起草了 HTML+                                              |