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

其内容是：

[root@localhost ~]# 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标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符之间的内容被标签描述。前标记符由“”表示，结尾标记符多了一个“/”，由“”表示。

5.4.2HTML文件结构

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

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

     网页的内容描述信息 
     网页显示的内容

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

​ 头标签中常用标签

标签	描述