HTTP简介&CSS介绍

最新推荐文章于 2023-12-22 10:49:00 发布

转载最新推荐文章于 2023-12-22 10:49:00 发布 · 1.1k 阅读

文章标签：

#HTTP

本文介绍了HTTP请求与响应的基本流程，包括GET与POST的区别及应用，并通过实例展示了HTML与CSS的基本使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、HTTP

浏览器的启用的过程：下面是廖老师对这个简单的分析：

跟踪了新浪的首页，我们来总结一下HTTP请求的流程：

步骤1：浏览器首先向服务器发送HTTP请求，请求包括：

方法：GET还是POST，GET仅请求资源，POST会附带用户数据；

路径：/full/url/path；

域名：由Host头指定：Host: www.sina.com.cn

以及其他相关的Header；

如果是POST，那么请求还包括一个Body，包含用户数据。

步骤2：服务器向浏览器返回HTTP响应，响应包括：

响应代码：200表示成功，3xx表示重定向，4xx表示客户端发送的请求有错误，5xx表示服务器端处理时发生了错误；

响应类型：由Content-Type指定；

以及其他相关的Header；

通常服务器的HTTP响应会携带内容，也就是有一个Body，包含响应的内容，网页的HTML源码就在Body中。

步骤3：如果浏览器还需要继续向服务器请求其他资源，比如图片，就再次发出HTTP请求，重复步骤1、2。
关于http 格式：

其中在最最重要的一点就是

：每个HTTP请求和响应都遵循相同的格式，一个HTTP包含Header和Body两部分，其中Body是可选的。

那么是如何选呢有两种请求的方式，一种是get 一种是post 的方式

2、 HTML 简介

<html>
<head>
  <title>Hello</title>
</head>
<body>
  <h1>Hello, world!</h1>
</body>
</html>

上面就是最简单的html 代码的结构

输出的结果是什么呢？

（1） CSS 介绍

CSS（Cascading Style Sheets）， css表示了HTML 中控制所有的元素是如何展现的，也就是我们所说的前端的代码的写法，我们还可以修改这个代码，使得Hello world更好看一些呢？

<html>
<head>
  <title>Hello</title>
  <style>
    h1 {
      color: #333333;
      font-size: 48px;
      text-shadow: 3px 3px 3px #666666;
    }
  </style>
</head>
<body>
  <h1>Hello, world!</h1>
</body>
</html>

这里写图片描述