目录

1.HTML

1.1 快速入门

1.2 基础标签

1.3 图片、音频、视频标签

1.4 超链接标签&列表标签

1.5 表格标签&布局标签

1.6 表单标签

1.7 表单项标签

2. CSS

2.1 CSS导入方式

2.2 CSS选择器&属性

3.JavaScript

3.1 JavaScript的引入方式

3.2 JavaScript基础语法（重点）

3.2.1 书写语法&输出语句

3.2.2 变量&数据类型

3.2.3 运算符

3.2.4 流程控制语句&函数

3.2.5 Array对象

3.2.6 String对象&自定义对象

3.2.7 BOM

3.2.8DOM概述&Element对象获取与使用

3.2.9 事件监听

3.2.10表单验证（案例）

3.2.11正则表达式

1.HTML

理解：HTML堆砌内容，CSS美化内容样式，JavaScript控制网页与用户的交互

1.1 快速入门

1.2 基础标签

1.3 图片、音频、视频标签

相对路径填写规则：若资源与html文件为同级目录，则写“./a.jpg”或“a.jpg”（此时“./”可省略不写），若资源在与html文件同级的文件夹里，则写“./img/a.jpg”，若资源在html上级文件夹的同级文件夹里，则写“../img/a.jpg”。

总结：以当前文件夹为基点寻找资源路径，“./”为当前文件所在目录，“../”为当前文件所在目录的上级目录。

1.4 超链接标签&列表标签

type一般不用

1.5 表格标签&布局标签

1.6 表单标签

示例：

1.7 表单项标签

示例：

<label>标签中的for值与其他<input>标签中的id值相等时可绑定其他标签，例如点如图所示的“用户名”时可选中用户名输入框，value值为表单提交的值，id为标签的唯一标识符，name为标签名可用于划分标签类型

2. CSS

2.1 CSS导入方式

2.2 CSS选择器&属性

CSS属性去官方文档看：w3school 在线教程/

3.JavaScript

3.1 JavaScript的引入方式

3.2 JavaScript基础语法（重点）

3.2.1 书写语法&输出语句

3.2.2 变量&数据类型

var是全局变量且可重复更改

当对象值为null时typeof 对象名 为object，一个被沿用至今的错误

3.2.3 运算符

使用“==”时string类型的20和number类型的20为true（只判断值，不判断类型），使用“===”时string类型的20和number类型的20为false（判断值也判断类型）

3.2.4 流程控制语句&函数

JavaScript流程控制语句与Java的完全相同

但只传递前几个定义个数的参数到函数里，在这里假设定义了两个参数只传了一个参数，则第二个参数值为NaN，任意一个数字与NaN相加结果为NaN

3.2.5 Array对象

3.2.6 String对象&自定义对象

3.2.7 BOM

示例：

示例：

3.2.8DOM概述&Element对象获取与使用

示例：

因为Element对象使用方式有很多，所以直接查阅文档使用即可：w3school 在线教程/

3.2.9 事件监听

3.2.10表单验证（案例）

示例：

3.2.11正则表达式