首先声明一下用移动端观看这篇博客的观看体验极差,由于布局问题,所以建议使用PC网页端观看
web概念概述
-
JavaWeb
:- 使用Java语言开发基于互联网的项目
-
软件架构:
C/S: Client/Server
客户端/服务器端-
在用户本地有一个客户端程序,在远程有一个服务器端程序 //就比如qq和迅雷之类的软件
-
优点:
- 用户体验好
-
缺点:
- 开发、安装,部署,维护 麻烦
-
B/S: Browser/Server
浏览器/服务器端- 只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序
- 优点:
- 开发、安装,部署,维护 简单
- 缺点:
- 如果应用过大,用户的体验可能会受到影响
- 对硬件要求过高
-
B/S架构详解
- 资源分类:
- 静态资源:
- 使用静态网页开发技术发布的资源。
- 特点:
- 所有用户访问,得到的结果是一样的。
- 如:文本,图片,音频、视频,
HTML,CSS,JavaScript
- 如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以展示静态资源
- 动态资源:
- 使用动态网页及时发布的资源。
- 特点:
- 所有用户访问,得到的结果可能不一样。
- 如:
jsp/servlet,php,asp...
- 如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器
- 静态资源:
- 资源分类:
-
我们要学习动态资源,必须先学习静态资源!
- 静态资源:
HTML
:用于搭建基础网页,展示页面的内容CSS
:用于美化页面,布局页面JavaScript
:控制页面的元素,让页面有一些动态的效果
- 静态资源:
HTML
-
概念:是最基础的网页开发语言
Hyper Text Markup Language
超文本标记语言- 超文本:
- 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本.
- 标记语言:
- 由标签构成的语言。<标签名称> 如 html,xml
- 标记语言不是编程语言
- 超文本:
-
快速入门:
- 语法:
-
html文档后缀名 .html 或者 .htm
-
标签分为
- 围堵标签:有开始标签和结束标签。如
<html> </html>
- 自闭合标签:开始标签和结束标签在一起。如
<br/>
- 围堵标签:有开始标签和结束标签。如
-
标签可以嵌套:
需要正确嵌套,不能你中有我,我中有你
错误:<a><b></a></b>
正确:<a><b></b></a>
-
在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单双都可)引起来
-
html的标签不区分大小写,但是建议使用小写。
-
- 语法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<p>helloWorld</p>
</body>
</html>
- 标签学习:
-
文件标签:构成
html
最基本的标签html
:html文档的根标签head
:头标签。用于指定html文档的一些属性。引入外部的资源title
:标题标签。body
:体标签<!DOCTYPE html>
:html5中定义该文档是html文档
-
文本标签:和文本有关的标签
-
注释:
<!-- 注释内容 -->
-
<h1> to <h6>
:标题标签h1~h6
:字体大小逐渐递减
-
<p>
:段落标签 -
<br>
:换行标签 -
<hr>
:展示一条水平线- 属性:
color
:颜色width
:宽度size
:高度align
:对其方式center
:居中left
:左对齐right
:右对齐
- 属性:
-
<b>
:字体加粗 -
<i>
:字体斜体 -
<font>
:字体标签 -
<center>
:文本居中- 属性:
- color:颜色
- size:大小
- face:字体
- 属性:
-
属性定义:
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=‘20’ ,数值的单位,默认是
-
-
图片标签:
img
:展示图片- 属性:
- src:指定图片的位置
- 属性:
-
列表标签:
- 有序列表:
ol
:li
:
- 无序列表:
ul
:li
:
- 有序列表:
-
链接标签:
- a:定义一个超链接
- 属性:
href
:指定访问资源的URL(统一资源定位符)target
:指定打开资源的方式_self:默认值
,在当前页面打开_blank
:在空白页面打开
- 属性:
- a:定义一个超链接
-
div
和span
: //相当于一个空白元素
div
:每一个div占满一整行。块级标签
span
:文本信息在一行展示,行内标签 内联标签 -
语义化标签:
html5
中为了提高程序的可读性,提供了一些标签。<header>
:页眉<footer>
:页脚
-
表格标签:
table
:定义表格
width
:宽度
border
:边框
cellpadding
:定义内容和单元格的距离
cellspacing
:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
bgcolor
:背景色
align
:对齐方式
tr
:定义行
bgcolor
:背景色
align
:对齐方式
td
:定义单元格
colspan
:合并列
rowspan
:合并行
th
:定义表头单元格
<caption>
:表格标题
<thead>
:表示表格的头
部分
<tbody>
:表示表格的体
部分
<tfoot>
:表示表格的脚
部分
-
掌握以上的知识点后就可以创建一个属于自己的网页了,假如你还未接触css那么在构建网页时的布局问题可以用table
标签来解决并且table标签是可以用来嵌套的,相信你还未学过HTML的你看完这篇博客后肯定会大有收获,学过HTML的话也会令你加深印象
数据结构与算法
数据结构描述数据元素的集合及元素间的关系和运算。在数据结构中,元素之间的相互关系称为数据的逻辑结构。按照逻辑关系的不同将数据结构分为
线性结构
和非线性结构
其中,线性结构包括线性表、栈、队列、串
、非线性结构主要包括树和图
数据元素及元素之间关系的存储形式称为存储结构,有顺序存储
和链接存储
两种基本方式。
算法对给定问题的求解过程进行描述,设计合理的数据结构可使算法的实现简单而高效。
线性结构
线性结构的特点是数据元素之间是一种线性关系,即数据元素“一个接一个地排列”,这种数据结构主要用于描述具有单 一
前驱
和后继
的数据关系。
线性表
线性表是最基本的线性结构的一种抽象
,主要的基本运算有插入、删除和查找,常采用顺序存储和链式存储两种存储方式来实现。
1.线性表的定义 一个线性表是n个元素构成的有限序列(n20),可表示为(a1,a2,…,an)。对于长度大于0的线性表,其特点是:
(1)存在唯一的一个称作“第一个”的元素。
(2)存在唯一的一个称作“最后一个”的元素。
(3)除第一个元素外,序列中的每个元素均只有一个直接前驱。
(4)除最后一个元素外,序列中的每个元素均只有一个直接后继。
2.线性表的存储结构 线性表的存储结构分为
顺序存储
和链式存储
两种基本方式。
(1)线性表的顺序存储
线性表的顺序存储是指用一组地址连续的存储单元依次
存储线性表中的数据元素,从而使逻辑上相邻的两个元素在物理位置上也相邻
。在这种存储方式下,元素间的逻辑关系无须占用额外的存储空间来表示。
(2)线性表的链式存储
在链式存储方式下,用结点来存储数据元素,表中元素的结点地址可以连续,也可以不连续,因此,数据元素和元素之间的逻辑关系都要存储。链表中结点的基本结构数据域
和指针域
CET4P220
- muscle
- weed
- weave
- inquire
- exclude
- crane
- dialect
- contribution
- admire