参考：

https://www.tslang.cn/docs/handbook/

https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics

https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/JavaScript_basics

首先先粗略康康HTML！(真的很粗略，大概瞄一眼概念介样

HTML：

TML 不是一门编程语言，而是一种用于定义内容结构的标记语言。HTML 由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。

元素概念：

1. 开始标签（Opening tag）：包含元素的名称，被大于号、小于号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
2. 结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 。
3. 内容（Content）：元素的内容。
4. 元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。

元素可以具有属性(Attribute)，属性包含了一些额外信息，不在内容中显示。

属性应该包含：

1. 在属性与元素名称（或上一个属性，如果有超过一个属性的话）之间的空格符。
2. 属性的名称，并接上一个等号。
3. 由引号所包围的属性值。

不包含 ASCII 空格（以及 " ' ` = < > ）的简单属性值可以不使用引号但不建议。

可以多个元素嵌套。

布尔属性：

可以省略值的属性，因为其属性只能和属性名相同

空元素：

不包含任何内容的元素称为空元素，不需要结束标签，比如说<img>

实体引用：

在HTML中，字符 <, >,",' 和 & 是特殊字符. 它们是HTML语法自身的一部分，可以使用字符引用

注释：

将其用特殊的记号<!--和-->包括注释

再来粗略康康JavaScript

JavaScript：

JavaScript（缩写：JS）是一门完备的 动态编程语言。当应用于 HTML 文档时，可为网站提供动态交互特性。

JavaScript 里一切皆对象，一切皆可储存在变量里

若要对某个元素进行操作，首先得选择它。

example:用 querySelector() 函数获取标题的引用，并把它储存在 myHeading 变量中，再改变变量的属性。

类选择器应该以一个点(.)作为开头

example:

const lowOrHi = document.querySelector('.lowOrHi');

事件：

事件能为网页添加真实的交互能力。它可以捕捉浏览器操作并运行一些代码做为响应。

 侦听事件发生的结构称为事件监听器（Event Listener），响应事件触发而运行的代码块被称为事件处理器（Event Handler）。

'\'：转义字符