HTML基础
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言。HTML不是编程语言，是一种用于定义内容结构的标记语言。
链接非常重要 — 它们赋予 Web 网络属性。要植入一个链接，我们需要使用一个简单的元素 — — a 是 "anchor" （锚)的缩写。
备注： href 这个名字可能开始看起来有点令人费解，代表超文本引用（ hypertext reference）。
CSS基础
层叠样式表（Cascading Style Sheet，简称：CSS）是为网页添加样式的代码。和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言。
将CSS连接到html中
注意其他重要的语法：
- 每个规则集（除了选择器的部分）都应该包含在成对的大括号里（{}）。
- 在每个声明里要用冒号（:）将属性与属性值分隔开。
- 在每个规则集里要用分号（;）将各个声明分隔开。
多元素选择
选择器的种类远不止于此，更多信息请参阅 选择器。
字体和文本
备注： 再一次说明，中文字体文件较大，不适合直接用于 Web Font
try it
在探索了一些 CSS 基础后，我们来把更多规则和信息添加至 style.css 中，从而让示例更美观。首先，让字体和文本变得更漂亮。
- 第一步，找到之前 Google Font 输出的地址。并以 元素的形式添加进 index.html 文档头（ 和 之间的任意位置）。
- 接下来，删除 style.css 文件中已有的规则。虽然测试是成功的了，但是红字看起来并不太舒服。
- 将下列代码添加到相应的位置，用你在 Google Fonts 找到的字体替代 font-family 中的占位行。（ font-family 意味着你想要你的文本使用的字体。）这条规则首先为整个页面设定了一个全局字体和字号（因为 是整个页面的父元素，而且它所有的子元素都会继承相同的 font-size 和 font-family）
备注： CSS 文档中所有位于 /* 和 */ 之间的内容都是 CSS 注释，它会被浏览器在渲染代码时忽略。你可以在这里写下对你现在要做的事情有帮助的笔记。
备注： /* */ 不可嵌套，/这样的注释是/不行/的/。CSS 不接受 // 注释。
- 接下来为文档体内的元素（
(en-US)、
- 和
）设置字号。将标题居中显示，并为正文设置行高和字间距，从而提高页面的可读性。
try it
text-shadow 属性，它可以为元素中的文本提供阴影。四个值含义如下：
- 第一个值设置水平偏移值 —— 即阴影右移的像素数（负值左移）。
- 第二个值设置垂直偏移值 —— 即阴影下移的像素数（负值上移）。
- 第三个值设置阴影的模糊半径 —— 值越大产生的阴影越模糊。
- 第四个值设置阴影的基色。
JavaScript基础
JavaScript 是一门编程语言，可为网站添加交互功能。
read it
developer.mozilla.org/zh-CN/docs/…
变量（Variable）
变量(en-US) 是存储值的容器。要声明一个变量，先输入关键字 let 或 var，然后输入合适的名称：
备注： 行末的分号表示当前语句结束，不过只有在单行内需要分割多条语句时，这个分号才是必须的。然而，一些人认为每条语句末尾加分号是一种好的风格。分号使用规则的更多细节请参阅 JavaScript 分号使用指南（英文页面）。
备注： 几乎任何内容都可以作为变量名，但还是有一些限制（请参阅 变量命名规则）。如果你不确定，还可以 验证变量名 是否有效。
备注： JavaScript 对大小写敏感，myVariable 和 myvariable 是不同的。如果代码出现问题了，先检查一下大小写！
备注： 想要了解更多关于 var 和 let 的不同点，可以参阅 var 与 let 的区别。
js的数据类型
运算符
运算符(en-US) 是一类数学符号，可以根据两个值（或变量）产生结果。以下表格中介绍了一些最简单的运算符，可以在浏览器控制台里尝试一下后面的示例。
备注： 这里说“根据两个值（或变量）产生结果”是不严谨的，计算两个变量的运算符称为“二元运算符”，还有一元运算符和三元运算符，下表中的“取非”就是一元运算符。
运算符种类远不止这些，不过目前上表已经够用了。完整列表请参阅 表达式和运算符。
函数
如果代码中有一个类似变量名后加小括号 () 的东西，很可能就是一个函数。函数通常包括参数，参数中保存着一些必要的数据。它们位于括号内部，多个参数之间用逗号分开。比如， alert() 函数在浏览器窗口内弹出一个警告框，还应为其提供一个字符串参数，以告诉它警告框里要显示的内容。
事件
- 事件能为网页添加真实的交互能力
- 可以捕捉浏览器操作并运行一些代码做为响应
- 最简单的事件是点击事件，鼠标的点击操作会触发该事件
