web概念概述
*JavaWeb:使用Java语言开发基于互联网的项目
*软件架构:
1.C/S:Client/Server 客户端/服务器端
在用户本地有一个客户端程序,在远程有一个服务器端程序
优点:用户体验好
缺点:开发、安装、部署、维护麻烦
2.B/S:Browser/Server 浏览器/服务器端
只需要一个浏览器,用户通过不同的网址(url),客户访问不同的服务器端程序
优点:开发、安装、部署、维护简单
缺点:对硬件要求过高;如果应用过大,用户的体验可能会受到影响
*B/S架构详解
资源分类:
1.静态资源:
1)概念:使用静态网页开发技术发布的资源。
2)特点:
①所有用户访问,得到的结果都是一样的
②如:文本,图片,音频,视频,HTML,CSS,JavaScript
③如果用户请求的是静态资源,那么服务器会直接将静态资源发给服务器,浏览器中内置了静态资源的解析引擎,可以展示静态资源。
2.动态资源:
1)概念:使用冬天网页及时发布的资源。
2)特点:
①所有用户访问,得到的结果可能不一样
②如:jsp/servlet,php,asp
③如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器。
静态资源:
HTML:用于搭建基础网页,展示网页的内容
CSS:用于美化页面,布局页面
JavaScript:控制页面的元素,让页面有一些动态效果
HTML
1.概念:是最基础的网页开发语言
*Hyper Text Markup Language 超文本标记语言
超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文字。
标记语言:由标签构成的语言,<标签名称> 如html,xml;标记语言不是编程语言。
2.快速入门:
语法:
1)html文档后缀名:.html或者.htm
2)标签分为
①围堵标签:有开始标签和结束标签。如<html> </html>
②自闭和标签:开始标签和结束标签在一起。如
3)标签可以嵌套
4)在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单双号都可以)引起来
5)html标签不区分大小写,但是建议使用小写。
3.标签
1)文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于指定html文档的一些属性。引入外部的资源。
title:标题标签
body:体标签
<!DOCTYPE html>:html5中定义该文档是html文档
2)文本标签:和文本有关的标签
注释:<!-- 注释 --
>
<h1> to <h6>:标题标签
<p>:段落标签
<br
>:换行标签
<hr
>:显示一条水平线
<b
>:字体加粗
<i
>:字体斜体
<font
>:字体标签
<center>:文本居中
3)图片标签:img
4)列表标签:
有序列表:
<ol>
<li>....</li>
<li>....</li>
</ol>
无序列表:
<ul>
<li>....</li>
<li>....</li>
</ul>
5)链接标签:
a:定义一个超链接
属性:
href:指定访问资源的URL
target:指定打开资源的方式:
_self:默认值,在当前页面打开;
_blank:在空白页打开
6)div、span:
div:每一个div占满一整行。块级标签
span:文本信息在一行展示。行内标签 内联标签
7)语义化标签:html5中为了提高程序的可读性,提供了一些标签
<header>:页眉
<footer>:页脚
8)表格标签:
table:定义表格
tr:定义行
td:定义单元格
colspan:合并列
rowspan:合并行
th:定义表头单元格
<caption>:表格标题
<thead>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分
HTML标签:表单标签
表单:
- 概念:用于采集用户输入的数据,用于和服务器进行交互
- from:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围。
- 属性:
1)action:指定提交数据的URL
2)method:制定提交方式(共7种,2种常用)
get:
①请求参数会在地址栏中显示。会封装到请求行中。
②请求参数大小有限制。
③不太安全。
post:
①请求参数不会在地址栏中显示。会封装到请求体中。
②请求参数大小没有限制。
③较为安全。
表单项中的数据想要被提交,必须指定其name属性。
表单项标签:
- input:可以通过type属性值,改变原始展示的样式
type属性:
-
text:文本输入框,默认值
-
password:密码输入框
-
placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息。
-
radio:单选框
注意:
1)要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。
2)一般会给每一个单选框提供value属性,指定其被选中后提交的值
3)checked属性,可以指定默认值 -
checkbox:多选框
注意:
1)一般会给每一个单选框提供value属性,指定其被选中后提交的值
2)checked属性,可以指定默认值 -
file:文件选择框
-
hideen:隐藏域,用于提交一些信息
-
按钮:
1)summit:提交按钮。可以提交表单
2)button:普通按钮
3)image:图片提交按钮
- label:指定输入项的文字描述信息
注意:
label 的for属性一般会和input的id属性值对应。如果对应了,则点击label区域,会让input输入框获取焦点。 - select:下拉列表
- option,指定列表项
- textarea:文本域
- cols:指定列数,每一行多少个字符
- rows:指定行数
网友评论