java笔记

最新推荐文章于 2024-09-06 14:19:19 发布

风一般的男子丶小靓仔

最新推荐文章于 2024-09-06 14:19:19 发布

阅读量134

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/qq_40976761/article/details/90144349

版权

java 专栏收录该内容

47 篇文章 2 订阅

订阅专栏

JavaWeb笔记

XML解析

HTML

常用的语义标签

语义化标签	作用
<header>	用于网页的页眉,页眉通常用于设计网站标志,主导航,全站连接以及搜索框
<nav>	用于页面的导航,仅对文档中重要的连接群的使用
<main>	页面的主要的内容,一个页面只能使用一次
<section>	具有相似的主题的一组内容,比如网站的主页可以分成介绍,新闻头条等.
<footer>	用于网页的页脚,只有当父级是body时,才是整个页面的页脚

文本标签的介绍

标签名	标签描述	常用属性
h1-h6	用于创建标题。一共有6级标题，1级标题大，6 级标题小，标题标签默认字体加粗。	align：标题对齐的方式取值：center居中、right 右对齐、left 左对齐
hr	绘制一条水平线，没有主体的标签。	width: 宽度 size: 粗细 color: 颜色
font	设置字体，大小，颜色。如果本地没有这个字体，使用默认的字体	color：颜色 size：大小 face：字体
br	换行，没有主体的标签

列表标签

| 列表标签 | 属性 | 说明 | | | -------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ---- | | ol-li | type属性 1 默认使用数字序列 a,A 使用字母序列 i,I 罗马数字 | type属性 1 默认使用数字序列 a,A 使用字母序列 i,I 罗马数字有序列表 ol 代表列表容器 li 列表中的每一项 | | | ul-li | type属性 disc ● 默认 circle ○ square ■ | 无序列表 ul列表的容器 li列表中每一项 | |

常用的属性

属性名	作用
src	图片的地址,也可以是其他的网站的图片
alt	如果图片丢失,使用这个文字代替
title	鼠标移上去出现提示的信息

表格的结构哦标签

标签名	作用
table	表格容器
tr	一行
th	表格的列标题,加粗,居中
td	一列
caption	表格的标题
thead	不显示任何内容,在逻辑上健表格分成不同的部分

常用的表格属性

属性名	作用
width	表格的宽度
border	表格的外边框的粗细
align	可以用在td,tr,table
rowspan	跨几行
colspan	跨几列
cellspacing	设置单元格之间的间隔
cellpadding	设置单元格边框与文字之间的距离

创建表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<table border="2" width="500" align="center"cellspacing="0"cellpadding="8">
    <!--标题-->
    <caption>学生成绩表</caption>
    <!--表格头部-->
    <thead>
    <tr>
        <!--表格的列标标签-->
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>成绩</th>
    </tr>
    </thead>
    <!--表格主体-->
    <tbody>
    <!--内容居中对齐-->
    <tr align="cender">
        <td>200</td>
        <td>武大郎</td>
        <td>男</td>
        <!--跨两行-->
        <td rowspan="2">100</td>
    </tr>
    </tbody>
</table>
</body>
</html>

表单标签

常用属性	作用
action	数据提交交给服务器的地址,如果没有这个属性,默认提交交给自己
method	提交的方式,有两种提交的方式:get或post,默认是get方式

get与post在格式上的区别

提交的方式	特点
get	数据会出现在地址栏的后面以?分割,前面是地址,后面的是参数,如果是多个参数,参数之间使用&分割
post	提交的参数不会显示在地址栏上,相对更加安全.

input标签的type的属性值

值	描述
button	定义可点击的按钮（大多与 JavaScript 使用来启动脚本）
checkbox	定义复选框。
color	定义拾色器。
date	定义日期字段（带有 calendar 控件）
datetime	定义日期字段（带有 calendar 和 time 控件
datetime-local	定义日期字段（带有 calendar 和 time 控件）
email	定义用于 e-mail 地址的文本字段
ﬁle	定义输入字段和 "浏览..." 按钮，供文件上传
hidden	定义隐藏输入字段
search	定义用于搜索的文本字段
submit	定义提交按钮。提交按钮向服务器发送数据
tel	定义用于电话号码的文本字段
password	定义密码字段。字段中的字符会被遮蔽
number	定义带有 spinner 控件的数字字段

css

三种基本选择器

选择器分类	作用	语法	细节
标签选择器	通过标签名选择同名的所有的标签	标签 { }
类选择器	通过class属性的值选择元素	.类名 { }	前提：先给标签进行分类使用class属性分类类名：不能以数字开头
ID选择器	通过属性ID选择元素	#ID { }	前提：先给标签指定ID属性唯一：建议ID在同个网页中唯一，不要重复

优先级问题

标签选择器<类选择器<ID选择器

背景样式

功能	属性名	属性取值
背景色	background-color	1.颜色常量:如:red
背景图片	background-image	url(图片文件)
背景位置	background-postion	left top

JS

反射,BeanUtils,注解

web开发入门

Servlet

request

response

Cookie和session

JSP

JSTL标签

分页查询

jQuery

基本选择器

选择器名称	语法	解释
标签选择器（元素选择器）	$("html标签名")	获取所有配备标签名称的于元素
id选择器	$("#id的属性值")	获得与指定id属性值匹配的元素
类选择器	$(".class的属性值")	获得与指定的class属性值匹配的元素

层级选择器

选择器名称	语法	解释
后代选择器	$("A B")	选择A元素内部的所有元素
子代选择器	$("A>B")	选择A元素内部的所有的B子元素

属性选择器

选择器	描述
`$("A[attr]")`	获取含有attr属性的 A元素
`$("A[attr=v]")`	获取 attr属性值等于v的 A元素
`$("A[][]...")`	复合属性选择器
`$("A[attr!=v]")`	获取 attr属性值不等于v的 A元素
`$("A[attr^=v]")`	获取 attr属性值以v开头的 A元素
`$("A[attr$=v]")`	获取 attr属性值以v结尾的 A元素
`$("A[attr*=v]")`	获取 attr属性值里包含v的 A元素

基本过滤选择器

选择器	描述
`:first`	获取第一个
`:last`	获取最后一个
`:not(selector)`	排除 selector的结果不要
`:even`	获取索引为偶数的
`:odd`	获取索引为奇数的
`:eq(n)`	获取索引等于n的
`:gt(n)`	获取索引大于n的
`:lt(n)`	获取索引小于n的
`:header`	获取所有的标题，h1~h6
`:animated`	获取正在运行的动画

表单属性选择器

选择器	描述
`:enabled`	获取可用的表单项
`:disabled`	获取不可用的表单项
`:checked`	获取被选中的radio，或者checkbox
`:selected`	获取被选中的下拉选项option

dom操作（1.操作标签体）

方法	参数	描述
`html()`		获取标签体
`html(string)`	string：要设置的内容	设置标签体，设置的html会生效
`text()`		获取标签体里的文本
`text(string)`		设置文本，哪怕设置html代码，也不会生效