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

Posted 2021-03-23

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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:WindowsSystem32driversetchost

其内容如下：

# 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

其内容是：

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

四、域名空间结构

根域
顶级域：组织域、国家/地区域名
二级域名
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等常见形式为后缀，而不含有“?”；网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器.上的，也就是说，静态网页是实实在在保存在服务器.上的文件，每个网页都是一个独立的文件；静态网页的内容相对稳定，因此容易被搜索引擎检索。

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