1、web概念概述
JavaWeb:使用Java语言开发基于互联网的项目
软件架构:
1、C/S:Client/Server 客户端/服务器端:在用户本地有一个客户端程序,在远程有一个服务器端程序(QQ,迅雷等)
优点: 用户体验好
缺点:开发,安装,部署,维护麻烦;
2、B/S:Browser/Server:浏览器/服务器端:只需要一个浏览器,用户通过不同的网址(URL)可以访问不同的服务器端程序
优点:开发,安装,部署,维护简单
缺点:如果应用过大,用户的体验可能会受到影响;对硬件要求过高
B/S架构详解:
资源分类:
静态资源:使用静态网页开发技术发布的资源
特点:所有用户访问,得到的结果是一样的
如:文本,图片,音频。视频,HTML,CSS,JavaScript
如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以展示静态资源。
动态资源:使用动态网页技术发布的资源
特点:所有用户访问,得到的结果可能不一样。
如:jsp/servlet,php,asp…
如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器
学习动态资源,必须先学习静态资源
静态资源:
HTML:用于搭建基础网页,展示页面的内容
CSS:用于美化页面,布局页面
JavaScript:控制页面的元素,让页面有一些动态的效果
2、HTML
概念:Hyper Text Markup Language 超文本标记语言
超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。
标记语言:由标签构成的语言。<标签名称> 如HTML,xml。标记语言不是编程语言。
快速入门:
1、html文档后缀名为.html或者.htm
2、标签分为
围堵标签:有开始标签和结束标签。如
自闭和标签:开始标签和结束标签在一起。如
3、标签可以嵌套
4、在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单引号双引号都可以)引起来
5、html的标签不区分大小写,建议使用小写
3、html标签学习
1、文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于指定html文档的一些属性。引入一些外部的资源
title:标题标签
body:体标签
:html5中定义该文档是html文档
2、文本标签:和文本有关的标签
1、注释:
to
:标题标签,h1最大h6最小
:段落标签
:换行标签
:横直线
:字体加粗
:字体斜体
:汉字标签
3、图片标签:
4、列表标签:
5、语义化标签:html5中,为了提高程序的可读性,提供了一些标签。
例如:
:表示表格的体部分
< tfoot>:表示表格的脚部分
8、列表标签:
有序列表:
<ol type = “1 / Ⅰ / A / a”>
- 内容1
- 内容2
- 内容3
- 内容4
无序列表:
- 内容1
- 内容2
- 内容3
- 内容4
9、链接标签:
a:定义一个超链接
属性:
href:指定访问的URL(统一资源定位符)
target:指定打开资源的方式
_blank:在新的选项卡打开href的链接
_self:在当前页面打开href的链接10、表单标签:form
表单:
概念:用于采集用户输入的数据的,用于和服务器进行交互。
属性:
action:指定提交数据的URL
method:指定提交方式
分类:一共7种,2中比较常用
get:
1、请求参数会在地址栏中显示
2、请求参数长度是有限制的
3、不太安全
post:
1、请求参数不会在地址栏中显示。会封装在请求体中(HTTP协议内容)
2、请求参数的大小没有限制
3、较为安全
表单中的数据要想被提交,必须指定其name属性
表单项标签:
input:可以通过type属性值,改变元素展示的样式
type属性:
text:文本输入框,默认值
password:密码输入框
radio:单选框
注意:
1、要想让多个单选框实现只能选一个的功能,name属性的值必须相同。
2、一般会给每一个单选框提供value属性,来指定其被选中后提交的值。
checkbox:复选框
select:下拉列表
子元素:option,指定列表项
textarea:文本域
cols:指定列数–每一行有多少个字符
rows:有多少行