WEB概念概述
使用JAVA预言开发的互联网项目
软件架构:
C/S client/server 客户端/服务器端
比如说QQ
优点:用户体验好
缺点:开发、安装 部署、维护麻烦
B/S:Browser/Server 浏览器/服务器端
浏览器类
有点:开发 安装 部署 维护 方便
缺点:1.如果应用过大,用户的体验会受到影响
2.对硬件的要求过高
B/S架构详解:
资源分类:
1.静态资源:使用静态网页来开发技术的资源.
特点:所有用户访问得到的结果是一样的
如:文本 图片 音频 视频,HTML CSS JAVASCRIPT(静态网页开发技术)
如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器,浏览器中内置了静态资源的解析引擎,可以来展示静态资源
2.动态资源:
使用动态网页技术发布的资源
特点:所有用户访问,得到的结果可能不一样
如:jsp/servlet php asp
如果用户请求的是动态资源那么服务器会执行动态资源 转换为静态资源 在发送给浏览器
静态资源HTML:用于搭建基础网页,战士页面的内容
CSS:用于美化网页 布局页面
javaSCRIPt 控制页面的元素 让页面有一些动态效果
HTML 是最基础的网页开发预言
语法:html文档后缀名
标签分为围堵标签:又开始标签和结束标签比如<html></html>
自闭和标签:开始标签和结束标签在一起如:</br>
标签可以嵌套
在开始标签中可以定义属性 属性是有键值对构成,值需要用引号引起来
html标签不区分大小写 但是建议小写
标签学习:1.文件标签:构成html最基本的标签
htem:html的根标签
head:投标前 用于指定html文档的一些属性 引入外部的资源
tltle 标题标签
body 体标签
<!DOCTYPE HTML>:html5中定义该文档是heml文档
2.文本标签
注释:<!-- 注释内容-->
<h1>to<h6> 标题标签
<p>段落标签 区别br 它会加间隔
<br>换行标签
<hr>显示一条水平线
color 颜色 width宽度 size 高度 align对齐方式center 居中 left right 左右对齐
<b>字体加粗
<i>字体斜体
<font>字体标签 face 字体=“楷体”
属性定义:color:
1.英文单词:red green等
2.rgb(值1,值2,值3):值的范围0-255
3.#值1值2值3
width:数值:width="20",数值的单位,默认单位是px(像素)也可以写百分比50%占总行数的一半
3.图片标签<img src="路径">
align 排列方式
alt 图片文字信息
width 宽度
heigth 高度
相对路径:以.开头的路径./ 指的是当前目录
../:代表的是后退上一级目录
4.列表标签
有序列表:ol:定义有序列表
li列表的项目
举例:早上要做的事情
<ol type="1">
<li>睁眼</li>
<li>看手机</li>
<li>穿衣服</li>
<li>刷牙</li>
<li>洗脸</li>
<li>吃饭</li>
</ol>
type:disc原点
square方框
circle圆圈
无序列表:ul
li 跟ol差不多 只是没有东西
5.链接标签
a:定义一个超链接
需要加上资源跳转位置:
<a href:></a >
herf 后面写资源定位符
如果想跳转别的页面打开
target=“_self”
target=“_blank”
6.DIV和span(快标签)
<span></span>可以结合css使用
span:文本信息在一行战士,行内标签 内联标签
div默认一个div占满一整行
7.语义化标签 :为了提高程序的可读性
<header></header>表示这是头不分
<footer></footer>
8.表格标签
table:定义表格
tr:定义行
可以定义他背景色和对齐方式
td:定义单元格
colspan:合并列
rowspan 合并行
th:定义表头单元格
width 宽度
border :边框
cellpadding:定义内容和单元格的距离 一般也指定为0
cellspacing:定义单元格之间的距离,如果指定为0,则单元格的线合为一条
bgcololr 背景色
align:对齐方式
<caption>表格标题<caption>
<tbody></tbody>表格的体不分<thead></thead>表格的头部分<tfoot></tfoot>表格的脚部分
只是为了提高阅读性
<><><>