基础知识点
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<a>超链接</a>；
<b>字体加粗</b>
<u>下划线</u>
<i>斜体</i>
<p>段落标记</p>
<div>块分区</div>
<pre>预格式化，保留原文档的格式，既保留文档中出现的空格和回车</pre>
<sub>下标</sub>
<sup>上标</sup>
<h1>一级最大</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6>六级最小</h6>
<br/>换行；
<hr>一条水平线；
<img>显示图片；
<p align="center">align:水平对齐,center:中心，style：内样式
valign：垂直对齐 bootom：中心</p>
一个空格，<<, >>,©圈c；
<a href="#锚点"></a>
<a href="设置锚点"></a>
cellpadding="边框与文字间的缝隙";
cellspacing="两个边框间的缝隙";
<table>表格
border：表格的颜色线宽是否虚线或实现
<tr>
<td></td>
</tr>
</table>
有序列表
type="有序数表" start="从数表第几开始"
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
定义页面的导航链接部分
<nav>
<ul>
<li></li>
</ul>
</nav>
<section>
用于定义文档的节，可以充当网页主体中的某一模块
</section>
<article>
用于描述文字性较强的内容：博客、微博、帖子、文章、用户评论’
</article>
<aside>
可以表示网页主体内容中的边栏部分左、右
</aside>
<footer>
出现在网页偏下段部分，用于定义网页文档的页脚部分内容：友情链接、版权信息、授权、作者
</footer>
<form action="#">
表单要提交的服务器处理程序地址，通常都是后台处理程序完成
method:提交方式
get：会将提交的信息全部显示在
地址栏上（明文提交）。大小限制2kb。
使用场合：向服务器索取信息时，推荐使用get，
提交方式如搜索栏；
post：（表单必须为）隐式提交，所提教的数据不会显示在地址栏上，可以使用post，如登录、注册；
</form>
name；定义表单名称
id；定义表单唯一标识
name和id，最终获取表单的方式不同
enctype：默认值：application/x-www-form-urlencoded；
能过提交普通数据（包含特殊符号&，=，？，）无法提交文件
multipart/form-data（必须为）
将所有内容都拆成二进制进行提交 转字节
支持 文 件上传
text/plain
只负责提交基本数据，不包含任何特殊字符的数据
有可能数据提交不完整
<input>
具备可视化外观的html元素，并且能够接受用户输入的信息。而且表单控件中的数据时允许提交给服务器的
type：各种类型的输入控件
value：控件的值，允许将value的值提交给服务器
name：控件的名字，服务器使用
id：控件的唯一标识，本页面适用
disabled：禁用控件
text：文本框
password：密码框
maxlength：限制输入的字符数
readonly：只读
radio：单选择
checkbox：复选框
checked：设置默认被选中
name属性，一组单选框或复选框，name属性要设置为一致的。
一组中，只能有一个元素被选中
submit：提交按钮，
固定功能，将表单控件的数据提交到服务器指定的处理程序（action）上
reset：重置按钮
将表单控件的值都设置为默认值
burron：普通按钮
由用户来定义功能
<button>显示的文字</button>
hidden：隐藏域
表单中，包含不希望用户看到的并且与要提交给服务器的信息，可以放在隐藏域中
file：文件选择框
允许用户选择，要上传的文件
<label>下午
文本与表单元素，点击文本的时候相当于点击了表单元素一样
for属性：表示与该label相关的控件的id值
<select>
选择框
name id size 默认为1 如果大于1则为滚动列表
multiple：多值
</select>
</label>
<option value="选项的值" selected>显示的文本
</option>
textarea元素
文本域，多行文本框元素
<tetxarea>
多行文本
</textarea>
cols：指定文本区域的列表（宽度）
rows 指定文本区域的行数（高度）
readonly：只读
<fieldset>
元素 为控件分组
</fieldset>
<legend>
标题 为控件
</legend>
内联方式
css在html标签中使用css样式
内部样式表
将【样式表】定义在html<head>中
外部样式
将【样式表】定义在外部css文件中
在html页面进行引入
<link rel="stylesheel" type="text/css" href="css/文件名.css">
！important
调整样式规则的优先级
p{
color：red；！important}
*{
通用选择器}
bady{
元素选择器}
.{
类选择器}
#{
id选择器}
div,p,#p1,div,top{
群组选择器}
div span{
后代选择器}
#d1>div{
子代选择器}
语法：作用为结合符
伪类选择器{
}
链接伪类
：link 匹配上未访问的超连接
：visited 匹配访问过的超连接
动态伪类
： hover 匹配鼠标悬停在html元素的状态
：active 匹配元素被激活时的状态
：focus 匹配元素获取焦点时的状态（多数使用在 文本框 上）
尺寸：
宽度 width
max-width ：最大宽度
min-width ：最小宽度
溢出：属性
overflow
overflow-x ：横向溢出处理方式
overflow-y ：纵向溢出处理方式
取值：
visible ：溢出可见
hidden ：溢出隐藏
scroll ：出现滚动条
auto ：自动溢出不显示滚动条，溢出的话则显示滚动条
块级元素
p,div,hn,ul,ol,dl,dt,dd
存在width，height属性的html元素
img table
行内元素：无法修改尺寸
边框属性
border ：width style color
width ：宽度 ，以px为单位
style 样式
取值 solid 实线
dotted 虚线
dashed 虚线
transparent 透明色
border-radius：边框倒角 具体数值或%
单独定义
border-top-left-radius：
border-bottom-ridht-radius
margin 外边距属性
margin：value 四个方向的外边距统一设置
margin：v1 v2 v1 上下 v2 左右
取值为auto 当前的块级元素会居中显示
有些元素会存在外边距
body h1-h6
padding 内边距属性取值为 px %
没有auto和负数
colspan：左合并单元格
rowspan：下合并单元格
背景色属性：background-color
背景颜色会填充到元素的边距、内边距、内容区域
背景图片属性：background-image
取值 url（"图片"）
背景重复属性：background-repeat
取值repeat：水平垂直平铺
repeat-x: 水平平铺
repeat-y：垂直平铺
no-repeat：不平铺
背景定位属性：background-position
left：靠左
right：靠右
center：将元素显示在水平或垂直方向的中间
top：靠上
bottom：考下
font-family：选择字体格式
font-size：字体大小
font-weight：字体加粗
font-style：normal/italic字体样式（斜体）
font-variant：小型大写字母字体形状
font：字体属性
float：浮动属性
none无
left：左
right：右
让块元素在同一行内显示
修改行内的元素的width和height
clear：清除浮动的属性
left：左
right：右
none：无
清除浮动带来的影响
子级元素的浮动，为父层元素所带来的影响
如果一个元素的所有子级内容都是浮动的，那么它的高度会变成0
解决1：设置父容器高度
2：设置父元素的：overflow：hidden
3：在父元素中，增加一个空元素，添加clear：both
display
取值：none生成元素没有框，不占据页面空间，隐藏
block：按块级显示
inline：按行内方式显示
inline-block：
行内块，所有的元素在一行内显示，允许修改width和height
用在元素的显示和隐藏
隐藏：display：none
显示：
块级：display：blok
行内：display：inline
visibility：显示效果 可见性
visble：默认值，可见
hidden：元素不可见，站据页面空间
opacity：透明度取值：0-5
vertical-align：垂直方向对齐
取值：baseline：默认基线对齐
top：顶部对齐
bottm：底部对齐
middle：居中对齐
放在img上，控制的是img 左右两端文本的垂直对齐方式
cursor：光标属性
取值：default
pointer：小手
crosshair：+
text： I
wait：等待
position：relative left：尺寸 right：尺寸 相对定位
元素会相对他原来的位置 偏移
用：元素本身位置的微调
配合绝对定位使用
position：absolute 绝对定位
初始位置：相对最近的已定位的元素
定义：脱离文档流 不占据页面空间
使用场合：弹出菜单
javaScript的书写位置
1.行内：
2.写在
<head>
<script>
中
</script>
</head>
3.写在外部js文件中，页面引入
<script src="文件名.js"></script>
引用外部js文件的script标签中不可以写在JavaScript代码
console.log()//控制台输出
alert()//弹出框
document.write()//页面输出
数据类型：
number：数字
可以表示32位(4字节)的整数，或64位（8字节）的浮点数
string：字符串
一系列的文本数据
boolean：布尔
值true（真）和false（假）
指标是肯定（真）或否定（假）的数据
场合：作为程序的条件（判断、循环）
在与number类型做运算时，true=1 false=0；
null类型：空
undefined类型：未定义
表示不存在的数据
引用类型
object：对象
Arraay
ArrayList
Person
typeof（参数）
函数帮忙查看指定数据的类型
isNaN：是不是一个数字
类型转换函数：
toString（）：
其他类型转换字符串 但是遇到null undefind类型
String（）
其他类型转字符串 都能转
parseInt（参数） 取整
碰到第一个非数字的字符，停止转换
如果第一个字符就是非数字的，结果为NaN
paresFloat（参数）取小数
弹出输入框
var num=prompt（"请输入xxx"，0）
定义函数
语法 function 函数名（）{
//多条语句
}
if语句
if（条件）{
语句块
}
如果条件为true（真），则执行语句块
if-else结构
if（条件）{
语句块1
}else{
语句块2
}
如果条件为true（真），则执行语句块1
如果条件为false（假），则执行语句2
while循环
while（条件判断）{
//循环体
}
如果条件true是，则执行一遍循环体中的所有语句：
再回来判断条件，到false为止循环结束
break语句
作用：break用在循环体中，用于退出循环
for循环结构
for（表达式1；表达式2；表达式3）{
循环体
}
1、计算表达式1 的值
2、计算 表达式2的值，如果为true则执行循环体，否则退出。
3、执行循环体
4、计算 表达式3 的值
5、 计算表达式2 如果为true ，继续执行循环体，负责退出
声明数组
var 数组名=[]//声明一个不包含任何元素的空数组
var 数组名=[元素1，元素2，元素3]//声明3个高寒3个元素的数组
使用方法：数组名.leght
访问数组
数组名[索引值]=值；
lenght
使用方法：数组名.length
DoM树
根：document
文档中的 元素、属性、文本、注释都是树中的节点
元素：Element Node
文本：Text Node
属性：Attribute Node
注释：Comment Node
DoM操作
document.getElenmentById（"元素id的值"）
通过ID获取元素
node.getElenmentsByClassName（"标签名"）;
node-以获取的元素节点对象，
注意返回值为数值
node.getElementsByClassName（"className"）；
注意返回值为数组
根据class属性值，获取一组元素对象
节点关系
parentNode 父节点
获取第一个子节点：firstChild
获取最后一个子节点：lastChild
获取所有子节点；childNodes
获取第一个元素节点：firstElementChild
获取最后一个元素节点：lastElementChild
previouSibling：上一个兄弟节点
nextSibling ：下一个兄弟节点
轮播图
setInterval（"函数"，毫秒）；设置定时器
onload init（）；一旦加载页面立刻执行
弹出广告
clearInterval（"定时器的名"）
好看点的 表单验证
onfocus 获取焦点
onclick
onblur 鼠标移除事件
命令行打开 widows+s cmd
cd .. 返回上一级
cd java 进入java文件夹
d: 进入d盘
cls 清屏
ipconfig 查看本地的ip
//单行注释
/*多行注释*/
/**文档注释*/
byte1 整数类型
short2
int 4
long 8
float 4 小数类型
double 8
char 2 字符类型
bollean1 布尔类型
String字符串 Array 数组 List 集合 Date 日期
</body>
</html>
import java.util.Random;
import java.util.Scanner;
public class day4{
public static void main(String[] args){
三要素 数据类型 变量名 = 变量值
int a = 5;
三元运算符 (条件表达式)？表达式1：表达式2 一个条件两件事
数据类型 变量名=new 数据类型();
数据类型 变量名=变量名.next数据类型();
Random a=new Random();
int b=a.nextInt(100)+1;
Scanner a=new Scanner;
int c=a.nextInt(System.in);
System.out.println();
if(条件语句){
执行语句 ;
}
if(条件语句){
执行语句1;
}else{
执行语句2;
}
while(条件){
执行代码//为真执行代码;
}
for(初始化变量;循环条件;操作表达式){
执行代码段
}
for(初始化变量;循环条件;操作表达式){
执行代码段
for(初始化变量;循环条件;操作表达式){
执行代码段
}
}
总的循环次数：内循环次数*外循环次数
do{
执行语句
变量向着程序结束的方向发展
内循环 是外循环的循环体
外循环 控制行
内循环 控制列
break: 终止循环的作用
continue: 终止本次循环 开启下一次循环
}while(条件);
swtich(表达式){
case 常亮1:
要执行的语句;
break;
default:
要执行的语句;
break;
}
数据类型[] 数组名=new 数据类型[元素的个数或数组的长度]
数组类型[] 数组名={元素,元素,}
1)数据类型: 数组中存储元素的数据类型
2) [] 表示数组的意思
3) 变量名 自定义标识符
4) new 创建容器关键字
5)数据类型: 数组中存储元素的数据类型
6)[] 表示数组的意思
7)元素个数,就是数组中,可以存储多少个数据 (恒定, 定长)
数组是一个容器:存储到数组中的每个元素,都有自己的自动编号
自动编号 最小值是0 最大值 长度-1
第一种定义格式：
数据类型[][] 变量名=new 数据类型[3][4]
定义一个3*4的二维数组长度为3 每个元素里面有4的长度
第二种定义格式
数据类型[][] 变量名=new 数据类型[3][]
只是数组中每个元素的长度不确定
数据类型[][] 变量名= new {{1,2},{1,2,3},{1,2,3,4}};
}
}
创建方法的公式
修饰符 返回值类型 方法名(参数){
语句:
return 返回值:
}
publci class day4周日{
public static void main(String[] args){
int area =getArea(5,6);
System.out.println(area);
}
publci static int getArea(int x,int y){
return x*y;
}
}
