要想学习JavaWeb就要对HTML有所了解/数据结构与算法

最新推荐文章于 2022-09-27 13:52:58 发布

thisouou

最新推荐文章于 2022-09-27 13:52:58 发布

阅读量250

点赞数

分类专栏： Java Web

本文链接：https://blog.csdn.net/ouqianbei/article/details/107027580

版权

Java Web 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

首先声明一下用移动端观看这篇博客的观看体验极差,由于布局问题,所以建议使用PC网页端观看

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

概念：是最基础的网页开发语言
- Hyper Text Markup Language 超文本标记语言
  - 超文本:
    - 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.
  - 标记语言:
    - 由标签构成的语言。<标签名称> 如 html，xml
    - 标记语言不是编程语言
快速入门：
- 语法：
  1. html文档后缀名 .html 或者 .htm
  2. 标签分为
    1. 围堵标签：有开始标签和结束标签。如 <html> </html>
    2. 自闭合标签：开始标签和结束标签在一起。如 <br/>
  3. 标签可以嵌套：
    需要正确嵌套，不能你中有我，我中有你
    错误：<a><b></a></b>
    正确：<a><b></b></a>
  4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
  5. html的标签不区分大小写，但是建议使用小写。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
    <p>helloWorld</p>
</body>
</html>

标签学习：
1. 文件标签：构成html最基本的标签
  - html:html文档的根标签
  - head：头标签。用于指定html文档的一些属性。引入外部的资源
  - title：标题标签。
  - body：体标签
  - <!DOCTYPE html>：html5中定义该文档是html文档
2. 文本标签：和文本有关的标签
  - 注释：
  - <h1> to <h6>：标题标签
    - h1~h6:字体大小逐渐递减
  - <p>：段落标签
  - <br>：换行标签
  - <hr>：展示一条水平线
    - 属性：
      - color：颜色
      - width：宽度
      - size：高度
      - align：对其方式
        center：居中
        left：左对齐
        right：右对齐
  - <b>：字体加粗
  - <i>：字体斜体
  - <font>:字体标签
  - <center>:文本居中
    - 属性：
      - color：颜色
      - size：大小
      - face：字体
  - 属性定义：
    - color：
      1. 英文单词：red,green,blue
      2. rgb(值1，值2，值3)：值的范围：0~255 如 rgb(0,0,255)
      3. #值1值2值3：值的范围：00~FF之间。如： #FF00FF
    - width：
      1. 数值：width=‘20’ ,数值的单位，默认是 px(像素)
      2. 数值%：占比相对于父元素的比例
3. 图片标签：
  - img：展示图片
    - 属性：
      - src：指定图片的位置
4. 列表标签：
  - 有序列表：
    - ol:
    - li:
  - 无序列表：
    - ul:
    - li:
5. 链接标签：
  - a:定义一个超链接
    - 属性：
      - href：指定访问资源的URL(统一资源定位符)
      - target：指定打开资源的方式
        _self:默认值，在当前页面打开
        _blank：在空白页面打开
6. div和span： //相当于一个空白元素
  div:每一个div占满一整行。块级标签
  span：文本信息在一行展示，行内标签内联标签
7. 语义化标签：html5中为了提高程序的可读性，提供了一些标签。
  1. <header>：页眉
  2. <footer>：页脚
8. 表格标签：
  
  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

thisouou

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
要想学习JavaWeb就要对HTML有所了解/数据结构与算法

web概念概述JavaWeb：使用Java语言开发基于互联网的项目软件架构：C/S: Client/Server 客户端/服务器端在用户本地有一个客户端程序，在远程有一个服务器端程序 //就比如qq和迅雷之类的软件优点：用户体验好缺点：开发、安装，部署，维护麻烦B/S: Browser/Server 浏览器/服务器端只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序优点：开发、安装，部署，维护简单缺点：
复制链接

扫一扫

专栏目录