自用。有错误欢迎指正"/>
HTML自学自用。有错误欢迎指正
文本类 （快捷键黄色，红色为函数）
各种标签
h是段落标签
hr 水平线标签 （color width align）
br 换行标签在p段落标签里面进行设置的换行标签
p标签是文本标签
列表标签
有序列表 ol开始 li标签
ul是无序标签 li是标签
可以使用快捷键来快速生成 table>tr*2>td{单元格} （快捷键）
表格，表单部分
表格 table 表头是th ，行用tr表示，列用td表示
（表格属性）：border表示表格的边框
width：表示表格的宽度
height：表示表格的高度
colspan表示水平垂直，rowspan表示垂直合并
引用：表格的简介、长表格、表格的样式、表单简介、表单补充——HTML_html长表格-CSDN博客
Form表单
form基础表单总结_form表单_~小猿的博客-CSDN博客
内联元素和块级元素的区别
选择器
html的几种选择器_html选择器_朝去夜来的博客-CSDN博客
浮动和动画类
1、内外边距的使用（可以让div在你想在的位置）
外边距（margin）和内边距（padding）_外边距和内边距的区别_闲人孙大壮的博客-CSDN博客
2、float浮动效果和position定位效果的使用
float效果可以让元素突破块级和层级元素的显示，使排列成一排
position定位效果可以实现层叠效果
CSS定位position总结（超详细哦！）_css position_茉莉奶绿去糖加冰的博客-CSDN博客
3、overflow效果
overflow是一个可以消除溢出的一个属性
CSS3：overflow属性详解-CSDN博客
JAVASCRIPT
学习JavaScript这一篇就够了_javascript学这一篇就够了-CSDN博客
var是变量的声明
1、常见变量
字符串类型，整形，布尔类型，引用数据类型
2、typeof关键字
typeof关键字可以知道这是什么数据类型
3、弹出提示
输入和输出框
alert("要弹出的内容"); 这是一个弹出的弹窗输出
document.write("要输出的内容"); 这是一个在页面里输出的内容
console.log("要输出的内容"): 这是一个在控制台输出的内容
prompt(info);输入框4、浏览器执行JS
通过JS引擎逐句转换成机器语言，HTML为内核，JS为解释器
二、JS的三种写法，（行内，内嵌式，外部）。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><!-- 内嵌式JS --><!-- <script>// alert('沙漠骆驼');</script> --><!-- 外部JS写法 --><script src="my.js"></script></head><body><!-- 行内式jS --><input type="button" value="姚鸿恩" onclick="alert('大傻逼')"></body>
</html>行内式用的比较少，内嵌式较多，外部JS文件适用于大量代码。
三、JS的三种代码注释方法
1、单行注释 // ctrl+/
2、多行注释 /* */ shift + alt + a
四、声明变量的方法
var age;
var为JS variable变量的缩写，自动分配内存空间。
age为自己设计的变量名。
五、变量的命名规范
六、数据类型
1、简单数据类型：
number ， boolean， string，undefined，null
number：数字型，包括整数型和浮点值类型
infinite无穷大 ,max_value也是无穷大,number.MAX_VALUE
isNaN() 来判断是不是数字，如果是返回false，不是数字就是true （函数）
boolean：布尔型
string：字符串类型
换行要用换行符\反斜杠
6.1.1字符串的拼接
使用length来检测字符串的长度
console.log(str.length); 检测str字符串的长度 （函数）
字符串的拼接用 字符串和其他属性的数值拼接，总是会变成字符串
console.log('沙漠'+'骆驼');
undefined：声明了变量但是没有赋值，他和一个字符相加的话会连起来，和数字相加会变成NaN
null：声明了变量，但是是空值。空的和数值相加会吧null当做0看。
typeof函数，可以用来检测数据类型 （函数）
6.1.2转换成字符串型
把数字型转换成字符串型 变量.toString() （函数）
//1.把数字型转换为字符串型 toString()var num = 10;var str = num.toString();console.log(str);console.log(typeof str);//2 liyou String(变量)console.log(String(num));//利用 + 来拼接字符串的方法来实现转换效果console.log(num+ ' ');6.1.3转换成数字型
1 使用parseInt() 函数 但是只能得到整数 在后期做动画效果时 120px 用这个函数可以把px消失
//2 使用parseFloat() 函数可以得到小数或者是浮点数
//3 利用Number（） 函数来进行强制转换
6.1.4 转化成boolean型
Boolean()函数 空值和否定的值为false 0 NaN null undefined
小作业
var user_name = prompt('请输入您的姓名');
var user_age = prompt('请输入您的年龄');
var user_gender = prompt('请输入性别');
alert('用户的姓名为 '+ user_name + '\n年龄为'+user_age+'\n性别为'+user_gender+'\n')七、运算符
//加减乘除 取余
//是由数字，运算符，变量等组成的式子 我们称为表达式
//自增 自减 运算符 ++ 或者 --
// ++ num 或者 --num 指的是 先进行自加运算之后把自加运算之后的值给到前面
//num -- num ++ 指的是先用原值来进行运算，在运算之后再自加
//比较运算符
// > < >= <= == != ===全等 ：判断两边的值和数据类型是否完全相等（一个是整数型一个是字符串型不行)
// == 如果一个是字符一个是整数但是他们两个是一个数字 返回的也是true
//逻辑运算符 boolean值有关的
八、流程控制
1、if流程控制
// var useryear = prompt('请输入当前的年份');// if(useryear % 4 == 0 && useryear % 100 != 0 || useryear % 400 == 0){// alert(useryear+'你输入的年份是闰年');// } else {// alert(useryear+'你输入的年份不是闰年');// }var userinput = prompt('请输入一个名字');if(userinput == '刘德华'){alert('恭喜你中奖了，中了五元');} else {alert('很遗憾你没有中奖');}2、if else if流程语句
var userscare = prompt('请输入您的成绩');if (userscare >= 90) {alert('优秀A');} else if(userscare >= 80 && userscare<90){alert('良好B');}else if(userscare >= 70 && userscare<80){alert('一般C');}else if(userscare >= 60 && userscare<70){alert('及格D');}else{alert('不及格E');}3、三元表达式
自动补0项目
<script>var userinput = prompt('请输入一个数字');var result = userinput <= 9 ? '0'+userinput : userinput ;// if(userinput <= 9 ){// }alert('您输入的数字是'+result);</script>更多推荐
HTML自学自用。有错误欢迎指正
发布评论