随笔分类 -  web开发

摘要:什么是javaweb? javaweb是指,所有通过javaweb语言编写的可以通过浏览器访问的程序的总称,叫javaweb。 javaweb是基于请求和响应来开发的。 什么是请求? 请求是指客户端给服务器发送数据,叫请求Request。 什么是响应? 响应是指服务器给客户端回传数据,叫响应Resp 阅读全文
posted @ 2021-05-06 22:08 ice--cream
摘要:什么是XML xml是可扩展的标记性语言 xml的作用 xml的主要作用有 1、用来保存数据,而且这些数据具有自我描述性 2、它还可以作为项目或者模块的配置文件 3、它还可以作为网络传输数据的格式(现在以json为主) 第一个xml文件 <?xml version="1.0" encoding="u 阅读全文
posted @ 2021-05-06 18:05 ice--cream
摘要:jQuery动画 show() 将隐藏的元素显示 hide() 将可见的元素隐藏 toggle() 可见就隐藏,不可见就显示 以上动画方法都可以添加参数 1、第一个参数是动画执行的时长,以毫秒为单位 2、第二个参数是动画的回调函数(动画完成后自动调用的函数) 淡入淡出动画 fadeIn() 淡入(慢 阅读全文
posted @ 2021-04-23 13:32 ice--cream
摘要:jQuery的css样式操作 addClass() 添加样式 removeClass() 删除样式 toggleClass() 有就删除,没有就添加样式 offset() 获取和设置元素的坐标 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2021-04-23 13:11 ice--cream
摘要:首先安装tomcat,安装完后在浏览器地址栏输入localhost:8080 出现tomcat的网页代表tomcat安装成功 然后找到tomcat的安装目录 进入webapps 新建一个文件夹,这里叫test 进入test文件夹,创建一个WEB-INF文件夹,里面可以是空的,但必须有这个文件,且文件 阅读全文
posted @ 2021-04-20 16:13 ice--cream
摘要:表单过滤器 :input 匹配所有input,textarea,select和button元素 $(":input") :text 匹配所有的单行文本框 $(":text") 含义:查找type属性为text的input元素 :password 匹配所有密码框 $("password") 含义:查找 阅读全文
posted @ 2021-04-17 10:20 ice--cream
摘要:1、设置内边距 padding 如果设置4个值:上右下左 设置3个值:上、左右、下 设置2个值:上下、左右 设置1个值:上下左右 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> p{ border: 2px solid red 阅读全文
posted @ 2021-03-11 18:37 ice--cream
摘要:css边框的设置 1、border-style 设置边框显示样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> p{ border: 10px; } p.none{ border-style: none; } p.solid 阅读全文
posted @ 2021-03-09 11:03 ice--cream
摘要:css的背景设置 1、用background-color设置背景色 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body{ background-color: red; } </style> </head> <body> 阅读全文
posted @ 2021-02-24 21:49 ice--cream
摘要:css的颜色表达 css支持RGB、HEX、HSL、RGBA、HSLA这五种方式来表现颜色。 1、RGB RGB是按三原色红绿蓝来进行配比的,单项颜色的取值范围为0~255. 2、HEX HEX就是将RGB三原色的值转换成16进制,再在前面加上#号。 3、HSL HSL是由色相(Hue)、饱和度(S 阅读全文
posted @ 2021-02-24 20:25 ice--cream
摘要:四、伪类选择器 1、动态伪类选择器 动态伪类选择器会根据条件的改变来匹配元素 :link、:visted、:hover、:active 这四个动态伪类选择器一般用在a元素上,分别对应a元素的链接的四个状态: :link:对应链接未被访问的时候 :visted:对应链接被访问的时候 :hover:对应 阅读全文
posted @ 2021-02-24 19:07 ice--cream
摘要:css选择器 css选择器有5个大类: 基本选择器 复合选择器 伪类选择器 伪元素选择器 属性选择器 接下来具体介绍各个选择器: 一、基本选择器 1、 通用选择器 通用选择器能够匹配所有的元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2021-02-22 11:40 ice--cream
摘要:css基本语法: css的语法主要由两个部分构成: 选择器 选择器对应的一个或多个样式声明 选择器就是指定将要被设置样式的html元素,声明部分需要用大括号包裹起来,每个样式声明包含一个css样式属性以及该属性对应的值,两者以冒号分割;不同样式声明之间使用分号来进行隔开。 在网页中插入css样式表: 阅读全文
posted @ 2021-02-21 11:11 ice--cream
摘要:嵌入另一个网页:iframe元素 <!DOCTYPE> <html> <head> <meta charset="utf-8"> </head> <body> <p>你在等什么???????????</p> <iframe src="https://www.baidu.com" width="108 阅读全文
posted @ 2021-02-20 18:42 ice--cream
摘要:在网页中嵌入音频: 用audio元素 <!DOCTYPE> <html> <head> <meta charset="utf-8"> </head> <body> <audio src="img/e.mp3" controls> 非常抱歉 </audio> </body> </html> track 阅读全文
posted @ 2021-02-20 10:03 ice--cream
摘要:在网页中嵌入视频: 用video 播放控件: 加入controls属性 自动播放: 加入autoplay属性,chrome浏览器并不会自动播放,但静音后可以自动播放 静音播放: 加入muted属性 <!DOCTYPE> <html> <head> <meta charset="utf-8"> </h 阅读全文
posted @ 2021-02-18 18:12 ice--cream
摘要:map和area元素 首先用img加载一张图片,再img里用usemap和map相关联,然后map里指定是什么形状,然后跳转到什么网址,下面具体说下shape: 圆形:shape=circle,圆形的话提供圆心坐标和半径, 多边形:shape=poly,然后按顺时针方向提供坐标 矩形:shape=r 阅读全文
posted @ 2021-02-18 15:22 ice--cream
摘要:html5提供的新语义元素 header:定义简介形式的内容 nav:定义页面主导航功能 main:定义主内容,主内容中可以有各种子内容区段。 article:定义独立的文章内容,与页面其他部分无关 section:定义文档中的节,与article类似,但section更适用于组织页面使其按功能分块 阅读全文
posted @ 2021-02-14 11:11 ice--cream
摘要:输出计算结果:output <!DOCTYPE> <html> <head> <meta charset="utf-8"> </head> <body> <form oninput="x.value=parseInt(a.value)+parseInt(b.value)" method="post" 阅读全文
posted @ 2021-02-05 17:26 ice--cream
摘要:submit、button、reset: <!DOCTYPE> <html> <head> <meta charset="utf-8"> </head> <body> <form> 名字: <input type="text" ><br><br> 邮箱: <input type="text" ><b 阅读全文
posted @ 2021-02-04 18:48 ice--cream