• 基础知识点


    <!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>
    &nbsp;一个空格,&lt;<, &gt;>,&copy;圈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;
    }
    }

  • 相关阅读:
    未能加载文件或程序集“Oracle.DataAccess”或它的某一个依赖项。试图加载格式不正确的程序。
    SQLServer2008/2012 删除所有表视图存储过程
    u盘启动盘制作工具
    华硕笔记本怎么设置u盘启动(两种方法)
    java listener实现定时任务
    Highcharts简介
    重温css系列01
    webstom 如何获取github上面的项目工程
    js高程 第 4章 变量、作用域和内存问题 【笔记】
    ionic 安装教程
  • 原文地址:https://www.cnblogs.com/xuaima/p/10520769.html
Copyright © 2020-2023  润新知