必须要了解的Web基础

﹏ヽ暗。殇╰゛Y 2023-06-29 10:57 23阅读 0赞

### 文章目录 ###

*  前言
 *  一：Web概述
 *   *   *  1.1：什么是web？
         *  1.2：web版本
 *  二：域名概述
 *   *   *  2.1：域名的由来
         *  2.2：域名的空间结构
 *  三：网页概述
 *   *   *  3.1：网页概述
         *  3.2：HTML概述
         *  3.1：网页的基本标签
         *  3.2：静态网页
         *   *   *  3.2.1:概述
                 *  3.2.2：特点
         *  3.3：动态网页
         *   *   *  3.3.1：概述
                 *  3.3.2：特点

# 前言 #

# 一：Web概述 #

### 1.1：什么是web？ ###

*  Web（ World wide web）即全球广域网，也称为万维网
 *  一种分布式图形信息系统
 *  建立在 EInternet上的一种网络服务
 *  ![mark][]

### 1.2：web版本 ###

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

# 二：域名概述 #

### 2.1：域名的由来 ###

*  IP地址不易记忆
 *  早期使用 Hosts文件解析域名的难点
    
     *  主机名称重复
     *  主机维护困难
 *  难点的解决办法
    
     *  DNs（ Domain Name System域名系统）
     *  分布式
     *  层次性
     *  ![mark][mark 1]

### 2.2：域名的空间结构 ###

*  根域
 *  顶级域
    
     *  组织域
     *  国家/地区域名
 *  二级域名
 *  FQDN=主机名.DNS后缀
 *  ![mark][mark 2]
 *  举例
    
        RUL为：  http://www.kgc.com/test
                协议：//主机名.二级域名.顶级域/虚拟目录

# 三：网页概述 #

### 3.1：网页概述 ###

*  网页
    
     *  纯文本格式文件，其编写语言为HTML，在用户的浏览器中被“  
        翻译”成网页形式显示出来
 *  网站
    
     *  由一个一个页面构成的，是多个网页的结合体
 *  主页
    
     *  打开网站后出现的第一个网页称为网站主页（或首页）
 *  域名
    
     *  浏览网页时输入的网址
 *  HTTP
    
     *  用来传输网页的通信协议
 *  URL
    
     *  是一种万维网寻址系统
 *  HTML
    
     *  用来编写网页的超文本标记语言
 *  超链接
    
     *  超链接是将网站中不同网页链接起来的功能
 *  发布
    
     *  将制作好的网页上传到服务器供用户访问的过程

### 3.2：HTML概述 ###

*  HTML超文本标签语言
    
     *  Hyper Text Markup Language
     *  网页的“源码“
 *  浏览器：“解释和执行”HTML源码的工具
    
     *  ![mark][mark 3]
 *  HTML文档的结构
    
     *  HTML网页
     *  头部部分
     *  标题部分
     *  主体部分
     *  网页内容，包括文本、图像等
     *  ![mark][mark 4]

### 3.1：网页的基本标签 ###

*  网页摘要信息的作用
    
     *  有利于浏览器解析
     *  有利于搜索引擎搜索

<title>标签
    <meta>标签

![mark][mark 5]

*  标题标签
 *  行控制相关标签
 *  范围标签
 *  图像标签
 *  超链接标签
 *  特殊符号
 *  ![mark][mark 6]

### 3.2：静态网页 ###

##### 3.2.1:概述 #####

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

##### 3.2.2：特点 #####

*  每个静态网页都有一个固定的URL，且URL以htm、 html、shtm等常见形式为后缀，而不含有“？
 *  网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件
 *  静态网页的内容相对稳定，因此容易被搜索引擎检索
 *  静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难
 *  静态网页的交互性较差，在功能方面有较大的限制
 *  页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面

### 3.3：动态网页 ###

##### 3.3.1：概述 #####

*  网页URL不固定，能通过后台与用户交互
 *  在动态网页网址中有一个标志性的符号—？”
 *  常用的语言有ASP,PHP,JSP等
 *  ![mark][mark 7]

##### 3.3.2：特点 #####

*  交互性
    
     *  即网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大势所趋
 *  自动更新
    
     *  即无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量
 *  因时因人而变
    
     *  即当不同的时间，不同的人访问同一网址时会产生不同的页面

[mark]: https://imgconvert.csdnimg.cn/aHR0cDovL3Rhbmd6aGVuZy1waWNnby5vc3MtY24taGFuZ3pob3UuYWxpeXVuY3MuY29tL2ltZy8yMDIwMDExMi8xNjQ5NDM0NzcucG5n?x-oss-process=image/format,png
[mark 1]: https://imgconvert.csdnimg.cn/aHR0cDovL3Rhbmd6aGVuZy1waWNnby5vc3MtY24taGFuZ3pob3UuYWxpeXVuY3MuY29tL2ltZy8yMDIwMDExMi8xNjEyMDk2NzcucG5n?x-oss-process=image/format,png
[mark 2]: https://imgconvert.csdnimg.cn/aHR0cDovL3Rhbmd6aGVuZy1waWNnby5vc3MtY24taGFuZ3pob3UuYWxpeXVuY3MuY29tL2ltZy8yMDIwMDExMi8xNjE1NDg5MDgucG5n?x-oss-process=image/format,png
[mark 3]: https://imgconvert.csdnimg.cn/aHR0cDovL3Rhbmd6aGVuZy1waWNnby5vc3MtY24taGFuZ3pob3UuYWxpeXVuY3MuY29tL2ltZy8yMDIwMDExMi8xNjI2MjU5NzkucG5n?x-oss-process=image/format,png
[mark 4]: https://imgconvert.csdnimg.cn/aHR0cDovL3Rhbmd6aGVuZy1waWNnby5vc3MtY24taGFuZ3pob3UuYWxpeXVuY3MuY29tL2ltZy8yMDIwMDExMi8xNjI4MzAxMjkucG5n?x-oss-process=image/format,png
[mark 5]: https://imgconvert.csdnimg.cn/aHR0cDovL3Rhbmd6aGVuZy1waWNnby5vc3MtY24taGFuZ3pob3UuYWxpeXVuY3MuY29tL2ltZy8yMDIwMDExMi8xNjM0MzYwNDgucG5n?x-oss-process=image/format,png
[mark 6]: https://imgconvert.csdnimg.cn/aHR0cDovL3Rhbmd6aGVuZy1waWNnby5vc3MtY24taGFuZ3pob3UuYWxpeXVuY3MuY29tL2ltZy8yMDIwMDExMi8xNjM1NDYzMjgucG5n?x-oss-process=image/format,png
[mark 7]: https://imgconvert.csdnimg.cn/aHR0cDovL3Rhbmd6aGVuZy1waWNnby5vc3MtY24taGFuZ3pob3UuYWxpeXVuY3MuY29tL2ltZy8yMDIwMDExMi8xNjQxMTY0NDkucG5n?x-oss-process=image/format,png