文章目录

  • 一、域名概述
  • 二、网页的概念
    • 2.1 静态网页
    • 2.2 动态网页
  • 三、HTML概述
  • 四、WEB概述
    • 4.1 Web1.0与Web2.0的区别
      • 4.1.1 Web1.0
      • 4.1.2 Web2.0
  • 五、HTTP协议
    • 5.1 HTTP协议概述
    • 5.2 HTTP方法
      • 5.2.1 GET方法
      • 5.2.2 POST方法
    • 5.3 HTTP状态码
    • 5.4 HTTP协议请求流程分析
    • 5.5 HTTP请求消息报文格式

一、域名概述

域名的概念

  • IP地址不易记忆

早期使用Hosts文件解析域名

  • 主机名称重复
  • 主机维护困难

DNS (Domain Name System域名系统)

  • 分布式
  • 层次性

域名空间结构

  • 根域
  • 顶级域
  • 组织域
  • 国家/地区域名

二级域名

  • FQDN=主机名.DNS后缀

域名注册

  • 域名注册是Internet中用于解决地址对应问题的一种方法
  • 遵循先申请先注册原则
  • 域名注册步骤

二、网页的概念

网页

  • 纯文本格式文件
  • 编写语言为HTML
  • 在用户的浏览器中被“翻译”成网页形式显示出来

网站

  • 由一个一个页面构成的,是多个网页的结合体

主页

  • 打开网站后出现的第一个网页称为网站主页 (或首页)

域名

  • 浏览网页时输入的网址

HTTP

  • 用来传输网页的通信协议

URL

  • 是一种万维网寻址系统

HTML

  • 用来编写网页的超文本标记语言

超链接

  • 超链接是将网站中不同网页链接起来的功能

发布

  • 将制作好的网页上传到服务器供用户访问的过程

2.1 静态网页

  • 静态网页是标准的HTML文件
  • 扩展名是.htm、.html
  • 文本、图像、声音、Flash动画、 客户端脚本和ActiveX控件及Java小程序等
  • 是网站建设的基础,早期网站一-般都由静态网页制作
  • 没有后台数据库、不含程序和不可交互的网页
  • 相对更新起来比较麻烦,适用于一般更新较少的展示型网站
  • 每个静态网页都有一一个固定的URL,且URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”
  • 网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页都是保存在网站服务器上的
  • 静态网页的内容相对稳定,容易被搜索引擎检索
  • 静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难
  • 静态网页的交互性较差,在功能方面有较大的限制
  • 页面浏览速度迅速,过程无需连接数据库,开启页面速度快于动态页面

2.2 动态网页

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

动态网页的特点

  • 交互性

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

三、HTML概述

HTML超文本标记语言

  • Hyper Text Markup Language
  • 网页的“源码"

浏览器:“解释和执行” HTML源码的工具

HTML文档的结构

  • HTML网页

    • 头部部分
    • 标题部分
    • 主体部分
    • 网页内容,包括文本、图像等
<html>
<head>
<title>我的第一个网页</title>
</head><body >Hello World!
</body>
</html>

网页基本标签

  • 标题标签
  • 行控制相关标签
  • 范围标签
  • 图像标签
  • 超链接标签
  • 特殊符号
<h1>静夜思</h1>
<p>床前明月光</p>疑是地上霜<br />
<span>举头望明月</span>
<img src="linux.jpg" />
<a href="linux.htm">低头思故乡</a>
&nbsp; &quot; &copy; &gt;

四、WEB概述

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

4.1 Web1.0与Web2.0的区别

4.1.1 Web1.0

  • 以编辑为特征,网站提供给用户的内容是编辑处理后的,然后用户阅读网站提供的内容
  • 这个过程是网站到用户的单向行为

4.1.2 Web2.0

  • 更注重用户的交互作用,用户既是网站内容的消费者(浏览者),也是网站内容的制造者
  • 加强了网站与用户之间的互动,网站内容基于用户提供,网站的诸多功能也由用户参与建设,实现了网站与用户双向的交流与参与
  • Web2.0特征
    用户分享、以兴趣为聚合点的社群、开放的平台,活跃的用户

五、HTTP协议

5.1 HTTP协议概述

HTTP协议是互联网」应用最为广泛的- -种网络协议,设计这个协议的目的是为了发布和接收Web服务器上的HTML页面

HTTP协议的版本

  • HTTP 0.9
  • HTTP 1.0
  • HTTP 1.1
  • HTTP 2.0

5.2 HTTP方法

  • HTTP支持几种不同的请求命令,这些命令被称为HTTP方法(HTTP method)
  • 每条HTTP请求报文都包含一个方法,告诉服务器要执行什么动作
    • 获取一个Web页面
    • 运行一个网关程序
    • 删除一个文件等
  • HTTP协议有多种获得Web资源的方法
  • 常用的方法: GET和POST
HTTP方法 描述
GET 请求获取Request-URI所标识的资源
PUT 请求服务器存储一个资源,并用Request-URI作为其标识
DELETE 请求服务器删除Request-URI所标识的资源
POST 请求获取由Request-URI所标识的资源的响应消息报头
HEAD 请求获取由Request-URI所标识的资源的响应消息报头

5.2.1 GET方法

从指定的服务器.上获得数据

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

5.2.2 POST方法

提交数据给指定服务器处理

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

5.3 HTTP状态码

  • 当使用浏览器访问某一个URL, 会根据处理情况返回相应的处理状态
  • 通常正常的状态码为2xx,3xx (如200)
  • 如果出现异常会返回4xx,5xx (如404)
状态码首位 已定义范围 分类
1xx 100-101 信息提示
2xx 200-206 成功
3xx 300-305 重定向
4xx 400-415 客户端错误
5xx 500-505 服务器错误

生产环境常见的HTTP状态码

消息 描述
200 OK 请求成功(其后是对GET和POST请求的应答文档)
301 Moved Permanently 请求的永久页面跳转
403 Forbidden 禁止访问该页面
404 Not Found 服务器无法找到被请求的页面
500 Internal Server Error 内部服务器错误
502 Bad Gateway 无效网关
503 Service Unavailable 当前服务不可用
504 Gateway Timeout 网关请求超时

5.4 HTTP协议请求流程分析

5.5 HTTP请求消息报文格式

HTTP请求消息报文格式包括:请求行、请求头、请求体
1 Get /mattmarg/ HTTP/1.1请求目录
2 User-Agent: Mozilla/2.0 (Macintosh; |; PPC)浏览器标识
3 Accept: text/html; * / *
4 Cookie: name = value
5 Referer: http://www.XXX.com/a.html

HTTP/1.1 200 OK             '响应行'
Date: Sun, 15 Nov 2015 11:2:04 GMT '响应头'
Server: bfe/1.0.8.9
Content-Length: 2605
Content-Type: application/javascript
Cache-Control: max-age=315360000
Expires: Fri, 13 Jun 2025 09:54:00 GMT
Content-Encoding: gzip
Set-Cookie: H_PS_PSSID=2022_1438_1944_1788; path=/; domain=test.com
Connection: keep-alive'空白行,代表响应头结束'
<html>
<head><title> Index.html </title></head>  '响应正文消息主题'

Web基础(域名、网页、HTML、Web概述)与HTTP协议相关推荐

  1. java web基础编程题_Java Web基础笔试题

    2015-10-31 06:30:02 阅读( 432 ) 一. 填空题(每空2分,共30分) 1.在tomcat上发布javaweb应用时的默认目录是__webapps___目录. 2.javawe ...

  2. web基础html元素制作web

    转载于:https://www.cnblogs.com/lianghaohui123/p/7681908.html

  3. 个人网页设计成品DW静态网页 HTML网页设计结课作业 web课程设计网页规划与设计 Web大学生个人网页成品 web网页设计期末课程大作业

  4. Linux Web基础与HTTP协议

    文章目录 Web基础 域名概念 DNS域名解析 域名注册 Web1.0 与Web2.0 HTTP协议 HTTP协议概述 HTTP1.0和HTTP1.1之间的区别 HTTP方法 HTTP 状态码 小结 ...

  5. 1.Web基础与HTTP协议

    文章目录 Web基础与HTTP协议 Web基础 域名的概念 网页的概念 HTML概述 Web概述 HTTP协议 HTTP协议版本 HTTP 方法 HTTP状态码 请求报文 响应报文 Web基础与HTT ...

  6. 2018-2019 20165208 网络对抗 Exp8 Web基础

    目录 2018-2019 20165208 网络对抗 Exp8 Web基础 实验内容 基础问题回答 实践过程记录 1. Apache准备 2. Web前端HTML 3. Web前端javascipt ...

  7. Web基础(三)Python Web

    文章目录 Python Web基础 1. WSGI 1.1 概述 1.2 实现原理 1.WSGI Server/gateway 2.WSGI Application 3.WSGI MiddleWare ...

  8. 【Web基础】Web概述

    1, Web概述 1.1 Web和JavaWeb的概念 Web是全球广域网,也称为万维网(www),能够通过浏览器访问的网站. 在我们日常的生活中,经常会使用浏览器去访问百度.京东.传智官网等这些网站 ...

  9. 全栈 - 20 Web 基础 网页的血肉 CSS

    这是全栈数据工程师养成攻略系列教程的第二十期:20 Web基础 网页的血肉CSS. HTML决定了网页中包含哪些内容,而CSS则决定了这些内容所呈现的样式. 什么是CSS CSS全拼是Cascadin ...

最新文章

  1. CentOS 6安装DHCP
  2. 马斯克一作!Neuralink脑机接口细节公布,特殊材料防大脑损伤,专用芯片助技术落地...
  3. 创建一个提供数据 API 的 Node.js 网站
  4. Py之ipython:Python库之ipython的简介、安装、使用方法详细攻略
  5. springmvc的原理架构,Struts2运行原理,springmvc和Struts2的区别
  6. UImageview加边框 加阴影
  7. bat 启动 不弹出对话框_CAD中转换出的PDF文件模糊要怎么办
  8. java returnaddress,JVM之数据类型
  9. 华为搭载鸿蒙系统的手表,华为手表Watch 3即将发布:搭载鸿蒙系统
  10. 全面启动远程医疗行业
  11. BUUCTF REAL
  12. 拍拍熊(APT-C-37),诱导方式、DNS、安卓远控
  13. android 手机内存其他文件在哪里,消失的手机内存去哪了?用它清理手机文件,告诉你手机内存的秘密...
  14. 服务器隔离虚拟机,筛选Hyper-V提供的虚拟机隔离选项
  15. 在win10里修改mysql的root密码
  16. c 语言 图片大小,ABCDEFG罩杯有多大啊,最好能用数字和语言或者图片来形容下,? 爱问知识人...
  17. 搜狗AI事业部张博:不只翻译机,半年内将推数款智能硬件产品
  18. Java日志 - log4j
  19. 进行ui设计培训学费是多少
  20. 苹果手机4g网速慢怎么办_手机推荐:选华为5G还是苹果4G:内行人说出了大实话!...

热门文章

  1. Nginx修改上传文件的大小限制
  2. SVF 函数详解(计算式编集式)--adding
  3. c语言光显示算法,[转载]C语言常见算法
  4. 重新安装ROG Armoury Crate
  5. 记数排序 桶排序 基数排序
  6. 你创意的卖点,够吸引人、动人么?
  7. 马士兵-郑金维—并发编程—5.线程池
  8. snmpwalk 获取端口流量_用net-snmp获取交换机端口实时流量的一点小发现
  9. day22:85.不用加减乘除做加法
  10. 7 款优秀 Vim 插件帮你打造完美 IDE!