Html CSS javascript 总结

一.Html总结：大名Hyper Text Markup Language (超文本 标记 语言)

1.基本结构：文档标记， 头部标记，正文标记

属于中的一部分。 但一般这一部分编译器会生产 2.段落标签：

3.字体：通过size来控制字体的大小 而且还可以调节字体颜色

其中颜色：color：调节 字体种类由font-family

4.标题：

为一级标题

为二级标题

为三级标题而后还有到

但一般常用为h1~h3标题

5.注释：

6.对于读取照片可分为相对路径与绝对路径 （常用属性：src,width,height,alt)

相对路径：平级关系可以直接image/headlogo/1.gif读取照片 不同级需要先返回与编写代码文件同级后在读取照片用…/去返回上一级文件即…/image/headlogo/1.gif

绝对路径：d:/image/wudaojiaoshi.jpg直接通过电脑文件访问

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wNz8lKBp-1637848855907)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1579696326567.png)]

7.

超链接用 锚点：访问锚点 设置锚点注意在访问百度，慕课网的网址时需要加http

8.[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-URwZvInv-1637848855909)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1579697003648.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I8GSQhKy-1637848855910)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1579697036450.png)]

9.

有序列表

1. …
2. 1. 作用：列表项目使用数字进行标记

无序列表

• …
• • 作用：用小黑点标记[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fkoJgZm7-1637848855912)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1579697704317.png)]

10.[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rUTzAiSU-1637848855913)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1579697829589.png)]

11.其中colspan，rowspan用于将表格内的某些行，列进行合并[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qmR8DB0Z-1637848855915)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1579697868007.png)]

12.[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fMun0pV6-1637848855916)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1579697922234.png)]

13.表单中嵌套表格<form action="" method=">该action与method属性在后面结合servlet时有用

整个格子 行 列

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dVWrwb4w-1637848855916)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1580553069470.png)]

二.CSS总结：

1.css基本结构：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tCgwArWI-1637848855917)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1580554081241.png)]

2.外部样式表：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6bgyrYvx-1637848855918)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1580554217510.png)]

id选择器不可以重复而class可以重复

类选择器用.访问 id选择器用#访问

!important强制优先（通常不使用，会干扰程序运行）；

注意伪类和伪元素选择器的差别 类是选择全部内容而元素选择器是选择

绝对定位脱离了文档流 相对定位没有脱离文档流

三.Javascript总结

1.

在为设置onclick最好不要在input标签中设置学会在js语言中使用DOM模型利用document.getElementById(“在input中id标签”)，document.getElementById(“在input中id标签”)；

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cmq4BYtf-1637848855919)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1580555372879.png)]

分别为每个input设置onclick属性。通过用document.getElementsByTagName()获取的一个数组,倘若要在HTML中直接设置属性则需在属性后写入需要执行的函数

2.[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5QNK30iN-1637848855920)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1580555543224.png)]

3.在HTML中引用js通过

<scipt type="text/javascipt"  src="js文件名\路径"></script>

4.函数声明：

可以先使用后定义
function fun1(){

代码

return ***;

}

必须先定义后使用
var fun1=function(){
  return x+1;
}

5.js变量：与其他语言相同，是用来临时存储信息

var x=1；
var z=2,name="zhangsan"
var y;
y=1;

6.数据类型：number,string,boolean,undefined,null

number:包含数字类型，整型浮点型等
string：字符串类型，必须放在双引号中
Boolean：只有true和false两种值
undefined：未定义，一般指的是已经声明，但是没有赋值的变量
null：空对象，var a=null 和var a=""是有区别的

7：js调试：alert弹框调试，console.log控制台调试在浏览器中按F12;

alert();
console.log();

8.特殊类型：object，NaN

object：对象类型，在js常见的有window，document，array等
NaN：是Number的一种特殊类型，isNaN()函数：如果是数字返回false否则返回true

9.类型转换：parseInt(),parseFloat(),Number(),Boolean()，注意：在实际应用中建议使用Number()转化为数字；

var x="a123";
var n=parseInt(x);
其中n在调试时的结果为NaN由于a为非数字
var x="1a23";
var n=parseInt(x);
其中n在调试时的结果为1由于a为非数字那么a以后的数字将不再进行转换

10.作用域：

全局变量：在函数外部创建的变量
局部变量：在函数内部创建的变量

11.运算符优先级：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BRXHvkh0-1637848855921)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1580557434317.png)]

12.事件：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pdrMQSlK-1637848855921)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1580557488339.png)]

13.内置函数：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y4BSa3FT-1637848855922)(C:\Users\张烈文\AppData\Roaming\Typora\typora-user-images\1580557535410.png)]

11.运算符优先级：

[外链图片转存中…(img-BRXHvkh0-1637848855921)]

12.事件：

[外链图片转存中…(img-pdrMQSlK-1637848855921)]

13.内置函数：

[外链图片转存中…(img-Y4BSa3FT-1637848855922)]