Web基础与HTTP协议

最新推荐文章于 2026-05-21 06:17:17 发布

原创最新推荐文章于 2026-05-21 06:17:17 发布 · 376 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

一、Web基础

1.域名概念

1.引入域名的概念：IP地址不易记忆

2.早起使用Hosts文件解析域名：主机名称重复、主机维护困难

3.DNS（Domain Name System域名系统）特点：分布式、层次性

2.hosts文件

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

1.Windows中的host文件路径位置：一般C:\Windows\System32\drivers\etc\host
2.Linux下的hosts文件路径：一般在/etc/hosts

3.域名空间结构

根域
顶级域
二级域
FQDN=主机名.DNS后缀

格式如下：
协议：//主机名.二级域名.顶级域/虚拟目录
https://www.baidu.com/

4.域名注册

域名注册是Internal中用于解决地址对于问题的一种方法；
遵循先申请注册原则；

域名注册步骤：
准备申请 → 寻找域名 → 查询域名 → 正式申请 → 申请成功

5.网页的概念

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

二、HTML的概念及应用

HTML超文本标记语言（Hyper Text Markup Language）
网页的“源码’’

1.HTML概述

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

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>第一个网页</title>
    </head>
    <body>
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
    </body>
</html>

2.HTML语法规则与文件结构

语法规则：HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符之间的内容被标签描述。前标记符由“”表示，结尾标记符多了一个“/”，由“”表示。
HTML文档的结构：
HTML网页包括: 头部部分、标题部分、主题部分、网页内容(包括文本，图像等)

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

示例：

<html>
  <head>
    <meta charset= "utf-8">
    <title>第一个网页</title>
  </head>
  <body>
     <h1>1918年</h1>
     <h2 style="color: blue;">小白</h2>
  </body>
</html>

3.网页的基本标签

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

<title>  标签
<meta>   标签
示例1：
<head>
	<title>搜狐-中国最大的门户网站
	</title>
</head>

示例：

<head>
 <meta name="keywords"
 content="床前明月光，疑是地上霜。"/>
</head>

常用的标签：

标题标签：  <h1> ... </h1> （h1~h6,数字表示标题类型，字体大小）

段落标签：<p> ... </p>

属性标签：<span> ... </span>（用于对文档中的行内元素进行组合）

换行标签：<br/>

水平线标签：<hr/>

字体加粗标签：<strong> ... </strong>

斜体字标签：<em> ... </em>

图像标签：<img/>

超链接标签：<a href=" "> ... </a>

特殊符号：&nbsp;&quot;&copy;&gt;&lt;&amp		//分别表示空格，引号，商标符号，大于号，小于号，符号

示例：

 <静夜思html>
<html>
	<head>
		<meta name="学挖掘机,找山东蓝翔">
		<title>第一个网页</title>
	</head>
	<body>
		 <h1>李白</h1>
		 <h2 style="color: blue; font-style:italic;">静夜思</h2>
		 <p>窗前明月光</p>
		 <p style="background: blue;">疑是地上霜</p>
		 <span>举头望明月</span><br />
		 低头思故乡<br />
		 <a href="test1.html" target="_self"><img src="peiqi.jpg" width="300x" width="300px" </a>
	</body>
</html>

三、Web概述

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

1.Web1.0与Web2.0的介绍

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

Web2.0特征：用户分享、以兴趣为聚合点的社群、开放的平台、活跃的用户

2.静态网页

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

2.1 静态网特点

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