javaweb的优点_JavaWeb的⼀些理解
WEB概述
WEB是什么
WEB,在英语中web即表⽰⽹页的意思,它⽤于表⽰Internet主机上供外界访问的资源。
Internet上的资源分类
Internet上供外界访问的Web资源分为:
静态web资源(如html 页⾯):指web页⾯中供⼈们浏览的数据始终是不变。
动态web资源:指web页⾯中供⼈们浏览的数据是由程序产⽣的,不同时间点访问web页⾯看到的内容各不相同。
静态web资源开发技术
Html、CSS、javaScript
常⽤动态web资源开发技术:
JSP/Servlet、ASP、PHP等
在Java中,动态web资源开发技术统称为Javaweb,我们课程的重点也是教⼤家如何使⽤Java技术开发动态的web资源,即动态web页⾯。
CS、BS之争
B/S: Browser-Server 浏览器服务器模型 WEBQQ ⽹页游戏
优点: 不需要下载客户端程序, 使⽤浏览器可以直接访问. 程序的升级操作是在服务器端进⾏的. 浏览器只需要刷新页⾯就可以看到升级后的效果
缺点: 浏览器具有⼀定的局限性, 页⾯的展⽰能⼒仍然是很差. 所有的页⾯数据都需要从服务器实时的获取, 所以对⽹速的依赖很⾼
C/S: Client-Server 客户端服务器模型 QQ LOL
优点: 客户端可以任意的设计, 页⾯的展⽰能⼒就可以很强. 由于⼤量的资源都已经保存在了客户端, 和服务器交互的仅仅是⼀些变化的数据,所以对⽹速的依赖很低
缺点: 第⼀次使⽤时需要下载客户端程序, ⼀旦程序需要升级操作, 所有的客户端程序都需要升级. 在有些场景中是不能被接受的.
===============================================
⼆、HTML
2.1.HTML是什么
超⽂本标记语⾔ 最基础的⽹页语⾔ W3C
HTML不是⼀门编程语⾔ ⽽是⼀门标记语⾔
HTML是⽤标记(标签/元素)来描述⽹页内容的
HTML是⽂档的⼀种
-------------------------------------------
2.2.HTML的结构
⽤来指定当前页⾯所遵循的html的版本,不写默认是html5.0
指定⽹页的标题
其中的charset的值⽤来指定浏览器⽤什么编码解析当前页⾯
-------------------------------------------
2.3.HTML语法
html标签分为开始标签和结束标签,如果标签内没有修饰的内容, 开始标签和结束标签可以合并为⼀个⾃闭标签
如:
标签通常都可以具有属性, 属性与属性值⽤"="连接, 属性的值可以⽤双引号、单引号引起来或者不⽤引号, ⼀般会⽤双引号引起来
html中多个连续的空⽩字符(制表符,空格,换⾏)默认会合并为⼀个空格来显⽰
如果⾮要输⼊空格,可以⽤转义字符来替代
如果⾮要输⼊换⾏,可以⽤
来代替
***转义字符
>>
""
''
空格
-------------------------------------------
2.4.font标签
⽤来指定⽂本的字体/⼤⼩/颜⾊
color:指定字体颜⾊
值可以指定为颜⾊名 如:red
或 ⼗六进制的颜⾊值 如:#000000
或 rgb三原⾊值 如:rgb(255,255,255)
-------------------------------------------
2.5.标题标签
指定特定样式字体的⼀组标签 (掌握)
⼀级标签
⼆级标签
三级标签
四级标签
五级标签
六级标签
属性:
align:指定⽂本的排列
left
center
right
justify
-------------------------------------------
2.7.列表标签
定义列表
列表的标题项
列表的内容项、
有序列表
1. 开启有序列表
2. 定义列表中的项
属性:
start:规定列表从第⼏项开始
type:定义列表数字的格式
1,a,A,i,I
⽆序列表
1. 定义⼀个⽆序列表
2. 定义列表中的项
属性:
type:定义项⽬符号的类型
disc square circle
-------------------------------------------
2.8.img标签 -- 图像标签
必选属性:
src:图⽚的路径
alt:代替图像显⽰的⽂本
可选属性:
width:宽度 px %
height:⾼度 px %
border:边框的宽度 px
-------------------------------------------
2.9.超链接 -- 锚
⽤于指向当前位置以外的资源
(1) ⽤于创建指向另外⼀个⽂档的超链接
(2) ⽤于在当前页⾯的不同位置之间进⾏跳转
重要属性:
href: 所指向资源的URL
name: 指定锚的名字
target: 指定浏览器打开⽬标URL的⽅式。
_blank在新窗⼝中打开⽬标url
_self在当前窗⼝中打开⽬标url
-------------------------------------------
2.10.表格标签 --
定义表格的标题
定义表格中的单元格定义表格中的表头
table的重要属性:
border 边框宽度
cellspacing 单元格之间的空⽩cellpadding 边框与单元格内容之间的距离bgcolor 背景颜⾊
bordercolor 边框颜⾊
width 宽度
align 对齐⽅式
tr重要属性:
align 对齐⽅式
bgcolor 背景颜⾊
th/td重要属性:
align 对齐⽅式
bgcolor 背景颜⾊
width 宽度
height ⾼度
colspan 可横跨的列数
rowspan 可竖跨的⾏数
-------------------------------------------
2.11.表单
(1)浏览器向服务器发送数据的⽅式, 有两种
a)利⽤超链接向服务器发送数据 -- 请求参数
在超链接的后⾯拼接上要发送的请求参数, 链接和请求参数之间⽤?分割, 参数名和参数值⽤ = 连接, 多个参数之间⽤& 分割, 可以存在多个同名的参数
b)利⽤表单向服务器发送数据
利⽤HTML中的
标签以及⼀些表单项标签, ⽤户可以输⼊数据, 通过提交表单发送数据给服务器
(2)form标签
必须存在的属性:
action: 指定表单发送的⽬标URL地址
可选的属性:
method: 指定以何种⽅式发送表单
http协议指定了7种提交⽅式, 其中5种不⽤, 只⽤GET提交和POST提交
只有使⽤表单并且明确的指定提交⽅式为post时(也就是设置method="POST")才是POST提交,其他提交都是GET 提交.
GET提交和POST提交的区别:
主要区别体现在数据传输⽅式的不相同
a)GET提交: 请求参数会赋在地址栏后进⾏传输
这种⽅式发送的数据量有限, 最⼤不超过1kb(或4kb)
数据显⽰在地址栏, 安全性差
b)POST提交: 请求参数在底层流中传输
这种⽅式发送的数据量⽆限制
地址栏上看不到数据, ⽐较安全
-------------------------------------------
2.1
3.表单中的项写网页用什么语言
表单中可以有多个输⼊项,输⼊项必须有name属性才可以被提交,如果输⼊项没有name属性,则表单在提交时会忽略它
(1) 输⼊框
重要属性:
type属性
⽂本框 text 输⼊的⽂本信息直接显⽰在框中
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论