Web基础与HTTP协议（LAMP部署基础知识）

Web基础与HTTP协议

一、前言

前端:（玩的是框架）
HTML (超文本标记语言) CSS (层叠样式表) JavaScript js (动态语言交互)

JSP(与Java有关，前端未必接触) JavaScriptPage

VUE（前后端分离） ECHARTS

bootstrap——简洁、直观、强悍的前端开发框架，让web开发更迅速、简单

二、域名概述

域名的概念
IP地址不易记忆
早期使用Hosts文件解析域名
主机名称重复
主机维护困难
DNS (Domain Name System域名系统)
分布式
层次性

三、hosts文件

hosts文件的主要功能是配置域名和IP的映射关系的，以便于提高域名解析速度。

1.Windows中的host文件路径位置：C:\Windows\System32\drivers\etc\host

其内容如下：

# Copyright (c) 1993-2009 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a ‘#‘ symbol.
#
# For example:
#
#102.54.94.97 rhino.acme.com #source server
#38.25.63.10 x.acme.com #x client host

# localhost name resolution is handled within DNS itself.
#127.0.0.1 localhost
#   ::1             localhost
127.0.0.1 activation.cloud.techsmith.com
127.0.0.1 oscount.techsmith.com

2.Linux下的hosts文件路径：一般在/etc/hosts

其内容是：

[[email protected] ~]# cat /etc/hosts
127.0.0.1   localhost localhost.localdomain localhost4 localhost4.localdomain4
::1         localhost localhost.localdomain localhost6 localhost6.localdomain6

四、域名空间结构

  1. 根域
  2. 顶级域：组织域、国家/地区域名
  3. 二级域名
  4. FQDN=主机名.DNS后缀

协议：//主机名.二级域名.顶级域/虚拟目录

五、网页与HTML的概念

5.1、什么是网页？

? 网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

1、文本：文本是网页上最重要的信息载体和交流工具，网页中的主要信息一般都以文本形式为主。
2、图像：图像元素在网页中具有提供信息并展示直观形象的作用。
静态图像：在页面中可能是光栅图形或矢量图形。通常为GIF，JPEG或PNG；或矢量格式，如SVG或Flash。
动画图像：通常动画为GIF和SVG。
3、Flash动画：动画在网页中的作用是有效地吸引访问者更多的注意。
4、声音：声音是多媒体和视频网页重要的组成部分。
5、视频：视频文件的采用是网页效果更加精彩且富有动感。
6、表格：表格是在网页中用来控制面业信息的布局方式。
7、导航栏：导航栏在网页中是一组超链接，其连接的目的端是网页中重要的页面。
8、交互式表单：表单在网页中通常用来联系数据库并接受访问用户在浏览器端输入的数据。利用服务器的数据库为客户端与服务器端提供更多的互动

5.2、网页相关概念：

域名：浏览网页时输入的网址
HTTP：用来传输网页的通信协议
URL：是一-种万维网寻址系统HTML
HTML：用来编写网页的超文本标记语言
超链接：超链接是将网站中不同网页链接起来的功能
发布：（千万不要用绝对路径）将制作好的网页上传到服务器供用户访问的过程

5.3HTML概述

? HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
? 超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

5.4HTML基本标签

5.4.1HTML语法规则

? HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符之间的内容被标签描述。前标记符由“<XXX>”表示，结尾标记符多了一个“/”，由“</XXX>”表示。

5.4.2HTML文件结构

? 一个HTML文件是有自己固定的结构的。其基本的HTML文件结构如下：

? 分别是并列的头标签和内容标签。

<html>
    <head> 网页的内容描述信息 <head>
    <body> 网页显示的内容<body>
</html>

常用的头标签中的标签如下表所示。

? 头标签中常用标签

标签 描述
<title> 定义了文档标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档中的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件

?

? 内容标签中的常用标签

标签 描述
<table> 定义了一个表格
<tr> 定义了表格中的一行
<td> 定义了表格中某一行的一列
<a> 定义了一个超链接
<br> 定义了换行
<font> 定义了字体

六、Web概述

Web (World Wide Web)即全球广域网，也称为万维网
一种分布式图形信息系统
建立在Internet_上的一种网络服务

Web1.0
以编辑为特征，网站提供给用户的内容是编辑处理后提供的，然后
用户阅读网站提供的内容。这个过程是网站到用户的单向行为
Web2.0
更注重用户的交互作用，用户既是网站内容的消费者(浏览者)也是网站内容的制造者加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与

静态网页：

静态网页是标准的HTML文件
扩展名是.htm、.html
●文本、图像、声音、FLASH动画、 客户端脚本和ActiveX控件及JAVA小程序等
静态网页是网站建设的基础，早期网站- -般都由静态网页制作的；没有后台数据库、不含程序和不可交互的网页
相对更新起来比较麻烦，适用于- -般更新较少的展示型网站

? 每个静态网页都有一个固定的URL，且URL以.htm、.html、 .shtml等常见形式为后缀，而不含有“?”；网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器.上的，也就是说，静态网页是实实在在保存在服务器.上的文件，每个网页都是一个独立的文件；静态网页的内容相对稳定，因此容易被搜索引擎检索。

静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难静态网页的交互性较差，在功能方面有较大的限制页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面。

动态网页：

  • 网页URL不固定，能通过后台与用户交互
  • 在动态网页网址中有一个标志性的符号一 “?‘
  • 常用的语言有ASP,PHP，JSP等

HTTP协议获取Web资源的常用方法：get和post

GET方法:从指定的服务器，上获得数据

  • GET请求能被缓存
  • GET请求会保存在浏览器的浏览纪录里
  • GET请求有长度的限制
  • 主要用于获取数据
  • 查询的字符串会，显示在URL中，不安全

POST方法:提交数据给指定服务器处理

  • POST请求不能被缓存
  • POST请求不会保存在浏览器的浏览纪录里
  • POST请求没有长度长度限制
  • 查询的字符串不会显示在URL中，比较安全

HTTP状态码

  1. 当使用浏览器访问某一个URL， 会根据请求URL返回状态码
  2. 通常正常的状态码为2xx，3xx (如200)
  3. 如果出现异常会返回4xx，5xx (如404)

其中我们需要注意的是400-415表示客户端异常问题、500-505表示服务器异常问题

![](C:\Users\alienware\Pictures\Saved Pictures\二阶\LAMP架构\Web.png)

七、总结

? 本文主要是讲述了web与HTML的相关概念，讲述post和get方法在缓存、安全性、长度限制等方面的区别。后续将对部署LAMP平台进行着重介绍。

原文地址：https://blog.51cto.com/14557673/2457860

时间： 2024-08-07 06:48:21

Web基础与HTTP协议（LAMP部署基础知识）的相关文章

JavaWeb-07(tomcat与web程序结构与Http协议与Servlet基础)

JavaWeb-07 JavaWeb-tomcat与web程序结构与Http协议与Servlet基础 HTTP协议(记住) 1.http协议:规定了客户端和服务端交流时的数据格式 a. WEB浏览器与WEB服务器之间的一问一答的交互过程必须遵循一定的规则,这个规则就是HTTP协议. b. HTTP是HyperText Transfer Protocol(超文本传输协议)的简写,它是TCP/IP协议的一个应用层协议,用于定义WEB浏览器与WEB服务器之间交换数据的过程及数据本身的格式. c. HT

Web基础之http协议

第6章 Web基础之http协议 第6章 Web基础之http协议一.http协议介绍 1.1)什么是超文本 1.2)什么是URL 1.3)什么是超文本传输协议二.访问网站分析三.页面请求信息解析(仅做了解) 3.1)基本信息 3.2)请求头信息 3.3)响应头部信息 第6章 Web基础之http协议 一.http协议介绍 1.1)什么是超文本 包含有超链接(Link)和各种多媒体元素标记(Markup)的文本.这些超文本文件彼此链接,形成网状(Web),因此又被称为网页(Web Page).这

LAMP组合基础知识 WordPress、phpmyadmin安装

一.LAMP组合基础知识 二.WordPress.phpmyadmin安装 LAMP linux Apache(httpd) MySQL php.Python.perl.ruby等 A与P的组合: CGI:common gateway interface 通用网关接口,可以理解为一个简化版的http协议,用于web服务器与php应用进程之间的通讯     client -->web server-->php-->web server--client:php进程生成和销毁都是由web se

Nagios监控基础安装与监控项部署（上）

前言:NAGIOS介绍: Nagios是一款开源的电脑系统和网络监视工具,能有效监控Windows.Linux和Unix的主机状态,交换机路由器等网络设置,打印机等.在系统或服务状态异常时发出邮件或短信报警第一时间通知网站运维人员,在状态恢复后发出正常的邮件或短信通知. 主要功能 (1)网络服务监控(SMTP.POP3.HTTP.NNTP.ICMP.SNMP.FTP.SSH) (2)主机资源监控(CPU load.diskusage.system logs),也包括Windows主机(使用NSC

02http协议及httpd基础

http协议及httpd基础 --以下内容摘自马哥教育课堂 HTTP/2.0 目前没有大规模应用 可以查看相关rfc文档 一次完整的http工作过程浅析: (1)处理连接 处理客户端请求--接收/拒绝请求 tcp连接怎么建立--三次握手 tcp连接怎么断开--四次断开 tcp连接有两种,持久连接和非持久连接 tcp连接建立以后,请求第一个资源完成后不会立刻断开,可以基于该连接请求第二个资源,这样可以避免频繁的创建和断开连接 而如果连接建立以后长时间没有传输web资源则会浪费服务器的连接资源,因为

ISA2006安装和部署基础(虚拟机非域环境)

0x00. 为了测试基于HTTP隧道的绕过ISA,必须搭建模拟环境,为了不麻烦,我们这里不配合域环境认证.本次实验利用Vmware 10.0搭建环境,实现ISA2006安装和部署,同时设定基于HTTP代理访问的问题.  本人在ISA的应用上也算是新手,查找了不少资料,有不对的还望批评指正. 搭建环境说明: Vmware Workstation 10.0 Window 2003 ( ISA_SERVER) Window 2003 (客户机) 0x01.各台机器配置: [Win2003-ISA200

Unit01： Servlet基础 、 HTTP协议

Unit01: Servlet基础 . HTTP协议 在页面上输出当前时间 package web; import java.io.IOException; import java.io.PrintWriter; import java.text.SimpleDateFormat; import java.util.Date; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import

运维与自动化系列③自动化部署基础与shell脚本实现

自动化部署基础与shell脚本实现 关于自动化的基础知识: 1.1:当前代码部署的实现方式: 运维纯手工scp到web服务器纯手工登录git服务器执行git pull或svn服务器执行svn update更新代码通过xftp上传代码开发打压缩包上传到服务器然后解压 缺点:1.需要运维全程参与,占用大量的工作时间2.上线时间比较慢3.人为造成的失误较多,管理比较混乱4.回滚复杂而且慢,还不及时 1.2:运行环境规划:开发环境:开发者本地有自己的环境,然后运维需要设置开发环境的公用服务,例如开发数据

运维与自动化系列④自动化部署基础与git

自动化部署基础与git 一:上一篇的代码是保存在本地,但是在生产环境当中是由版本控制进行代码管理,以便于发布代码和回滚,一般是使用gitlib比较多,另外还有用svn的公司,趋势是git为主,因此本文以git为使用对象 1.1:在git服务器新建一个web组和项目web-demo: 准备web页面并提交至git服务器(此处我用一个简单的html项目,大家如果没有现成的项目可以自己建一个简单的index.html页面即可):#准备提交代码目录 # mkdir /source/web/web-dem