第一章:HTML
1,在HTML中实体符号:以&开始,以;结束 例如:a<b>c; a<b>c
2.在HTML中 <pre></pre>:预留 <b></b>:加粗 <i></i>:倾斜 <sup></sup>:上移 <sub></sub>:下移 <ins></ins>:插入
3.在HTML中注释:<!---->
4.HTML的表格<table></table> <tr></tr>:行 <td></td>:单元格 <th></th>:和td差不多,只是内容居中加粗
表单元格的合并:rowspan:行合并(从左往右合并) colspan:列合并(从上往下合并)
表格中还有<thead><tbody><tfoot>分别表示。。不是必须的,但是便于后期js的编写
5.<meta charset="utf-8">:告诉浏览器以什么字符编码解析当前HTML;
6.bgcolor:设置背景颜色 background:设置背景图片
7.图片标签:<img src="图片路径" width="20px" title="鲜花" alt="图片找不到"/>
这里title表示鼠标悬停时显示的文字说明,alt表示图片加载失败时显示的文字
8.超链接标签:<a href="资源路径" target="_self">百度</a> 这里的资源路径可以是本地也可以是网络路径 target的属性值_blank表示在新窗口打开 _self表示在本窗口打开
_top表示在顶层窗口打开 _parent表示在父窗口打开
9.B/S结构中:request表示请求 response表示响应
10.无序列表标签:<ul><li> 有序列表标签:<ol><li>
11.表单标签(重点):<form action="提交路径">
<input type="text" name="username"/>
<input type="password" name="userpassword"/>
<input type="submit" value="提交"/>
<input type="reset" value="重置">
</form>
action属性用来指定服务器地址,作用和超链接中的href相似,都可以向服务器发送请求
12.表单以什么格式提交数据给服务器?
http://127.0.0.1:8080/sp/login?text=222&password=333
action?name=value&name=value.....
13.表单中的value表示给标签设置值,如果是按钮,显示在按钮上,是文本,就显示在文本框中,name表示表单要提交给服务器的数据,如用户名和密码,代码如下:
<input type="text" name="username"/>
<input type="submit" value="提交"/>
总结:表单项写了name的,会提交服务器,不想提交的,不要写name;文本框和密码框不用写value值,用户写入的数据就是value值
14.复选按钮代码演示:
兴趣:<input type="checkbox" name="interest" value="basketball" />篮球
<input type="checkbox" name="interest" value="pingpangball" />乒乓球
单选按钮代码演示:性别:
<input type="radio" name="sex" value="0" />男
<input type="radio" name="sex" value="1" /><br>女
文本域代码演示:
简介:<textarea rows="5" cols="5" name="jianjie"></textarea><br>
下拉列表代码演示;
学历:<select name="grade">
<option value="cz">初中</option>
<option value="gz">高中</option>
</select>
总结:数据上传的总是name和value值;
15.form表单的method属性;post:相反 get:用户提交的数据会显示在地址栏
16.下拉列表框设置多选:使用multiple属性,代码演示:
<select name="grade" multiple="multiple" size="2"></select>
17.隐藏域控件:<input type="hidden" name="username" value="111"/>表示用户在操作表单时看不见,但是会提交服务器
18.只读标签:代码演示:
<input type="text" name="username" value="111" readonly="readonly" /><br>
<input type="password" name="pwd" value="222" disabled="disabled" /><br>
注意:readonly可以上传数据,而disabled不可以提交数据,用户可以看到数据,但是修改不了;
19.设置文本框的最大可输入数:代码演示:
<input type="text" name="pwd" maxlength="5"/>
20.在HTML文档中,任何元素(节点)都有ID属性,标识唯一,不能重复;
21.HTML文档就是一颗DOM数,树上有许多的节点,ID标识唯一,Javascript就是对这课数进行增删改;
22.div独占一行,是快元素,span不会独占一行;
第二章:CSS
1.在HTML中嵌套使用CSS的三种方法:
一:内联样式 语法:<标签 style="样式:样式值;样式:样式值;样式:样式值;.....></标签>
二:style块 在head标签中使用 语法:
<head>
<style type="text/css">
选择器{样式:名样式值;样式:名样式值;..}
选择器{样式:名样式值;样式:名样式值;..}
.....
</style>
</head>
三:链入式 语法如下;
<link type="text/css" rel="stylesheet" href="css路径"/>
2.ID选择器和类选择器:ID选择器针对特定的元素使用,以#来定义
类选择器针对元素通用的特性,以.来定义
3.字体设置 语法:选择器{font: font-style font-weight font-size/line-height font-family;} 顺序不能乱
4.边框设置 语法:border:24px solid green;顺序没要求
5.CSS浮动原理(使用盒子div举例):div正常排列是从上到下,每个盒子独占一行,这是块元素的特点,从上到下排列是标准流,对盒子使用浮动,就会脱离原来的标准流,剩余的盒子重新组成标准流,浮动漂浮于标准流之上,所以浮动元素可能会遮挡下边的元素。
如果设置浮动的元素的上边元素是标准流,则设置浮动的相对垂直位置不变,也就是挨着上边元素,如果设置浮动的元素上边元素是浮动的,那么就会浮动于上边元素的右边,如果窗口边距不足以容纳,就挤下来;还不懂:https://blog.csdn.net/qq_36595013/article/details/81810219
第三章:JavaScrip
1.什么是javasc?
是运行在浏览器上的脚本语言,它的“目标文件”以普通文本形式保存。运行在浏览器的内存中。然后它跟Java没有半毛钱关系;这里的目标文件指的是可以执行的文件,如Java的.class文件,它不是脚本语言
2.HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
3.js输入:第一种:window.alert("显示在窗口弹窗哦")->可以简写成;alert("显示在窗口弹窗哦") 第二种:document.write("显示在文档中哦"); 第三种:console.log("显示在控制台哦");
4.第一种引用:可以将js代码编写在标签的onlink属性中,当我们点击按钮时,会执行JS代码;代码演示:<button onlink="alert('谢谢你点我')">点我一下</button>
<a href="javascript:alert('点我')">点我一下</a>--->不推荐,耦合
5.第二种引用:可以使用<script>写在<head>或者<body>中
6.第三种引用:写在外部js中,通过<script>的属性src引入,可以写在<head>或者<body>中;代码演示:
<script type="text/javascript" src="外部js文件地址"></script>
注意;<script>一旦引入外部文件了,就不能再编写代码,编写代码也不会执行;
7.js中的注释:多行注释 /**/ 单行注释://
8.js语法:1.js严格区分大小写 2.js语句以分号结束 3.js自动忽略空格和换行
9.js中的固定值叫做字面量(可以理解为常量),变量用var来定义
10.js函数定义格式:function 函数名{...} 这里function要小写,js函数在调用的时候,参数类型和个数都不受限制,很随意,很灵活;
11.js函数不能重名,否则后者会覆盖前者;
12.在js中,变量如果不是用var来定义,不管定义在什么位置都是全局变量;
13.js中的数据类型:原始类型和引用类型
原始类型:Undefined Number String Boolean Null
引用类型:Object及其子类;
14.js中的typeof运算符可以获取变量的数据类型,语法格式:typeof 变量名;它的运算结果是六个小写的字符串;
js中判断两个字符串相等:==
15.当一个变量没有手动赋值,系统默认给undefined值;也就是 var a与 var b=undefined是一样的;
16.当显示Nan时(not a number),表示数据不是一个number,但是属于number类型
17.在js中 isNaN()函数用来判断一个数据是否为number类型
18.parseInt()函数:将字符串转成数字
parseFloat()函数;
Math.ceil()函数;向上取整
19.在js中创建字符串对象:第一种:var a="hello" 属于小String; 第二种(使用js内置的支持类):var a=new String("hello"); 属于大String,它的父类是Object
无论是小String还是大String,属性和函数都是通用的
20.在String类中substr()和subString()方法:substr是从a位置开始截取b个长度
subString是从a位置开始截取到b位置;
21.Object类是所有类型的超类,常用属性有prototype属性,作用是给类动态的添加函数和属性,在js中定义的类默认继承Object类的属性和方法,
22.在js中怎么定义类?怎么new对象?
定义类: function 类名(形参){....} 类名=function(形参){....}
new对象: new 构造方法名();
注意:直接 名称()表示当做函数,如果new 名称();表示当做类创建对象;
23.在js中定义类也是在定义构造方法,代码演示:
function student(ename,eage)
{
this.ename=ename;
this.eage=eage;
}
var a=new student("lucy",22);这样就创建了类对象,并且将属性赋值了;
对象调用属性可以:对象名.属性名 对象名["属性名"];
24.在js中,“==”是等同比较符,只比较两者的数值 “===”是全等比较符,既比较数值又比较数据类型;
25.js中的事件;blur(失去焦点) focus click dblclick(双击) keydown keyup mousedown mouseup mouseover mousemove mouseout reset submit change(下拉选项改变或文本改变) select(文本框选定文字) load(HTML页面所有元素加载完毕后发生)
26.任何一个事件都对应一个事件句柄,事件句柄就是在事件名之前加上on,onXXX事件出现在一个标签的属性位置上,可以看成是属性名;