1. HTML 超文本标记语言
- html最重要的三点
- 标签的写法用法
<标签名 属性1=“属性值1” ></标签名>
- 正确嵌套
把一个标签当做另一个标签的内容
- 标签的特性
- 标签的特性
1. 行内标签
可以和其他元素共占一行，不能改变宽高 比如：a span strong等标签
2. 块标签
独自占一行，不能和其他元素呆在同一行，可以设置宽高 比如：div h1-h6
3. 行内块标签
可以和其他元素共占一行，可以设置宽高 比如：img input
4. 特殊标签
表格
<table>
<tr> <caption></caption> 标题标签跟tr一个级别
<td></td> <th></th>表头标签
</tr>
</table>
表单
表单标签
<form>
里面套表格
</form>
表单元素
文本框类型：
Input标签 属性： text 文本 password 密码 hidden隐藏域
textarea双标签
按钮类型
Button
Input 标签 属性：submit 提交 reset 复位 button 普通
选择类型
单选：radio（checked 默认选中）
多选：checkbox
下拉：<select> <option> </option> </select> （嵌套标签）
文件类型：file
图片类型：image
2. Css 层叠样式表
1. 分类
- 内联 把style 写在标签里面，优先级最高
- 内嵌 在head里面写style
- 外部引用 把style写在CSS文件里，用Link引用
<link rel=”stylesheet” href=”路径”>
2. 选择器
- ID选择器 #标签名
- Class选择器 .标签名
- 标签选择器 img
- 后代选择器 #父选择 #子选择
- 并列选择 #标签名，#标签名
- 通用选择 *{ }
3. 属性
4. 盒子模型
box-sizing:border-box
指定的宽高自适应边框.和内边距外边距
3. Js 脚本语言
- 关键字
系统定义有意义的名字 如：a标签 div标签
- 标识符
是自己定义的名字， 如：var 标识符 ；
- 变量
是用来存数据的，其中的数据是可以被改变的；
定义并赋值：
var attr = 123;
- 常量
用来储存数据，并不想让他变化的标识符
- 数据类型
（1）字符串
（2）Object 对象，包括数组
（3）布尔
（4）Null 空
（5）Undefined 未定义
（6）数字
- 运算符
（1）算术运算符
+、-、*、/、%、++（自增）、--（自减）、
（2）比较运算符
<、>、<=、>=、==（不严格等于）、===（严格等于）、
（3）逻辑运算符
||（或） &&（与） ！（非）
（4）赋值运算符
= += -= *= /=
（5）三元运算符
表达式 ？真 干这个 ：假 干这个；
- 控制语句
判断语句： if；switch；
If(表达式){
条件是真干这个
}else{
条件是假干这个
}
switch (匹配条件){
case “匹配成功”：
执行内容
Break；
}
循环语句： for； while；
- 数组
（1）数组的含义
就是许多变量的数据类型和名称都是一样的
（2）数组的定义
var arr=[];
var arr = new array(元素，元素，元素。。。);
var arr = new array(3);
arr[0] = 元素；
arr[1] = 元素；
（3）数组的下标
数组的下标是从0开始的，数组下标的0就是第一个元素
（4）遍历数组
沿着一定顺序做一次且仅做一次的访问就是遍历
for 遍历
var aa = [1,2,3];
for(var i = 0; i < aa.length; i++){
alert(aa[i]);
}
for in 遍历
for(var i in aa){
alert(aa[i]);
}
（5）获取数组长度
数组.lenght；（arr.lenght）；
（6）数组的常用方法
1. push（）； 在数组的最后追加一个元素
2. unshift（）；在数组的前面追加一个元素
3. pop（）； 删除数组的最后一个元素
4. shift（）；删除数组的第一个元素；
5. indexOf（）；查找第一次出现的位置，返回下标，没找到返回-1；
6. LastindexOf（）；查找最后一次出现的位置，返回下标，没找到返回-1；
（7）一维数组
以为数组就是数组的每个元素只带有一个下标的数组
（8）二维数组
二维数组是把一维数组当做另一个数组的元素
- 方法（函数）
（1）函数
① 函数是有一定功能体的集合
② 函数的封装
Function 函数名（）{
}
③ 匿名函数的定义和使用
var 函数名 = function(){}
④ 函数的参数
实参：函数名(‘tom’,23,’beijing’);//传递实参信息
形参：function 函数名(形参1,形参2，形参3=’abc’){}
⑤ 函数的关键字
1) Arguments
showargs(1,2,3,4,5);
function showargs(){
console.log( arguments );
}
2) callee
意思：在函数内部使用，代表当前函数的引用
function f1(){
xxxx具体执行代码
arguments.callee(); //调用本函数（或者f1()）
//都可以使得本函数执行，我们选择callee,其可以降低代码的耦合度。
xxxx执行代码
}
⑥ 函数返回值 return
return 一个函数执行完毕需要返回具体的信息，使用return关键字返回信息。
return 也可以结束本次函数的执行