Web介绍
JavaWeb:使用Java语言开发基于互联网的项目
软件建构
1.C/S架构:Client/Server 客户端/服务器端
*在客户端有一个客户端服务器,在远程有一个服务器端软件
*如:QQ,端游
*优点:
1.用户体验好
*缺点:
1.开发,维护,安装,部署麻烦
2.B/S架构:Browser/Server 浏览器/服务器
*只需要一个浏览器,用户通过不同的网址(URL),就可以访问不同的服务器端
*优点:
1.开发,维护,安装,部署简单
*缺点:
1.如果应用过大,用户的体验可能受到影响。
2.对硬件要求过高。
B/S架构详解
资源分类
1.静态资源
*使用静态网页开发技术发布的资源
*特点:
*所有用户访问,得到的结果都是一样的
*如:文本,图片,音频,视频,HTML,CSS,JavaScript
*如果用户请求的是静态资源,服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以来展示静态资源。
2.动态资源
*使用动态网页技术发布的资源
*特点:
*所有用户访问,得到的结果可能不一样
*如:jsp/servlet,php,asp
*如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器。
我们要学习的动态资源,必须先学习静态资源
静态资源
HTML:用于搭建基础网页,展示页面内容
CSS:用于美化页面,布局页面
JavaScript:控制页面的元素,让页面有一些动态效果
HTML
1.文件标签:构成HTML最基本的标签
*html:html文档的跟标签
*head:头标签。用于指定html文档的一些属性
*title:标题标签
*body:体表签
*<!DOCTYPE html>:html5中定义该文档时html文档
2.文本标签:和文本相关的标签
*<h1> to <h6> :标题标签
*<!-- -->:注释
*<p>:段部落标签
*<br>:换行
*<hr>:显示一条水平线 属性: color=颜色 width=宽度 size=高度 align=对齐方式
*<b>:字体加粗标签
*<i>:斜体标签
*<font>:字体标签
*<center>:相对于父元素居中
属性:
*color:颜色
*size:大小
*face:字体
*属性的定义:
*颜色
*color:英文单词:red,green:blue
*rgb(值1,值2,值3):值的范围:0~255
*#XXX:X的范围:00~·FF之间
*width
1.数值:width='20',数值的单位,默认是px(像素)
2.数值%:占比相对于父元素的比例
3.图片标签:
*img:展示图片
*属性
src:指定图片的位置
*以./代表当前目录 ./img/116.jpg
*以../开头代表上一级目录
4.列表标签:
有序列表
*ol:
*li:
无序列表
*ul
*li
5.链接标签:
*a:定义一个超链接
*属性:
1.href:指定访问资源的URL(统一资源定位符)
2.target:指定打开资源的方式
*_self:在当前页面打开
*_blank:在新页面打开
6.div和span:
div:每一个div占满一整行。块级标签
span:文本在一行展示,行内标签
7.语义化标签:html5中为了提高程序的可读性,提供的一些标签,没有任何样式。
1.<header>
2.<footer>
8.表格标签:
table:定义表格
属性:
1.width:宽度
2.border:边框
3.cellpadding:定义内容和单元格之间的距离,
4.cellspacing:定义单元格之间的距离,如果指定为0,这单元格的线会合在一起
5.bgcolor:表格的背景色
6.align:对齐方式
7.<caption>:表格标题
8.<thead>:表示表格的头部分
9.<tbody>:表示表格的体部分
10.<tfoot>:表示表格的脚部分
tr:定义行
属性
1.border:边框
2.align:文本的对齐方式
th:定义表头单元格
1.colspan:合并列
2.rowspan:合并行