Java Web

最新推荐文章于 2023-05-12 11:58:54 发布

布鲁克要补钙

最新推荐文章于 2023-05-12 11:58:54 发布

阅读量153

点赞数

分类专栏：笔记文章标签：前端 java javascript

本文链接：https://blog.csdn.net/lqemptycity/article/details/125888582

版权

软件架构

使用Java语言开发基于互联网的项目
软件架构：
1. C/S: Client/Server 客户端/服务器端
* 在用户本地有一个客户端程序，在远程有一个服务器端程序
* QQ
* 优：用户体验好
* 缺：开发、安装、部署、维护麻烦
2. B/S: Brower/Server 浏览器/服务器端
* 只需要一个浏览器，用户通过不同的网址，客户访问不同的服务器端程序
* 优：开发、安装、部署、维护方便
* 缺：应用过大，用户体验会受到影响；对硬件要求高

B/S架构
资源分类：

静态资源：使用静态网页开发技术发布的资源
特点：所有用户访问得到的结果是一样的
HTML：搭建基础网页，展示页面内容
CSS ：美化页面，布局页面
JAVAScript：控制页面元素，
用户请求静态资源，服务器会直接将静态资源发送给浏览器，浏览器中内置的静态资源的解析引擎可以展示静态资源
动态资源：使用动态网页技术发布的资源
特点：所有用户访问得到的结果可能不一样
JSP, Servlet，php
用户请求动态资源，服务器会执行动态资源，转换为静态资源，再发送给浏览器

HTML

Hyper Text Markup Language 超文本标记语言
超文本：用超链接的方式，将各种不同空间的文字信息组织在一起的网状文本
标记语言：由标签构成的语言<标签名称>HTML XML
标记语言不是编程语言，没有任何逻辑性
语法：
1） HTML的后缀名是.html或.htm
2）标签：
围堵标签：开始标签、结束标签；< html> < /html>
自闭和标签：开始标签和结束标签在一起；< br>
3）标签可以嵌套：正确嵌套 < a > < b >< /b >< /a>
4）开始标签中可以定义属性，属性由键值对构成，需要用引号引起来(单双都可以)
5）html的标签不区分大小写，但是建议使用小写

<html>
<head>
<title>title</title>
</head>
<body>
<font color='red'> hello world</font><br>
<font color='bule'> hello world</font>
</body>
</html>
标签：
<head>
<meta charset = "UTF-8">//指定中文
<title> title</title>
</head>

文件标签：最基本的标签
html：html文档的艮标签
head：头标签，指定html文档的属性，引入外部的资源
title：标题
body：体标签
<!doctype html>：
文本标签：与文本相关的标签

 注释：<!--  注释  -->
 <h1> to<h6>：标题标签 加黑加粗，h1~h6逐渐字号减小
 <p>：段落标签 自行加换行
 <br>：换行
 <hr>：显示一条水平线，自闭和标签
<hr color ="red" width ="200" size= "10" align = "left">
                  颜色                   宽度                     宽度                对其方式
 <b>：加粗
 <i>：斜体
 <font>：字体标签； color颜色  size大小  face字体
<center>：文本居中

color：
   *英文单词，red，green，blue
   *rgb（值1，值2，值3） 0~255；rgb(0,0,255)
   *#值1值2值3：00~FF之间；#FF00FF
width：
   *数值：width=“20” 单位，默认是px（像素）width = “50%”
空格：&nbsp

图片标签：展示图片

<img src="SJ/云1.jpg" align = "right" alt = "大云" width ="500" high="300"/>
相对路径：以 ./ 开头的路径；当前目录
                  ../  代表上一级目录

列表标签：

有序列表：<ol><li> </li> </ol>
<!--有序列表-->
早上起床
<ol type="1" start = "5">
// 1，2，3     开始从5开始
    <li>睁眼</li>
    <li>看手机</li>
    <li>洗脸</li>
</ol>
无序列表：<ul><li></li></ul>
<!--无序列表-->
<ul type="square">
   //type类型 disc 圆点  square方框 circle圆圈
    <li>睁眼</li>
    <li>看手机</li>
    <li>洗脸</li>
</ul>

超链接标签：
定义一个超链接：< a> < /a>
href ：跳转到的URL
target：指定打开资源的方式
_blank:在空白页面打开
_self:在当前页面打开

<a href="http://www.baidu.com">点我</a>  //没有设置target则默认在当前页面打开
<a href="http://www.baidu.com" target="_blank"> 点我</a>//在空白页面打开URL
<a href="./列表标签.html" target="_blank"> 点我</a>  //空白页面打开该目录下的列表标签
<a href="http://www.baidu.com"><img src="SJ/云1.jpg"></a>//点击图片之后跳转到新的链接地址