2019-03-03 html入门

####1.关于html标签

**在htm中这个元素是块级还是内联元素?(滚!我不管)[当你在写html标签时,不要管样式的问题!!!]**

**html标签是没有块级元素和内联元素的区别的(在CSS中才有**

* * *

下列哪些元素可以出现在 head 元素内? 参看 [https://github.com/joshbuchea/HEAD#elements](https://github.com/joshbuchea/HEAD#elements)

* * *

####2. HTTP 是什么

HTTP是一种超文本传输协议.

围绕以下四个问题来学习HTTP:

1. HTTP 请求包括哪些部分,如何用Chrome开发者工具查看 HTTP 请求内容?

2. 常见的8种请求方法GET POST PUT PATCH DELETE HEAD OPTIONS CONNECT

3. HTTP 响应包括哪些部分,如何用Chrome开发者工具查看 HTTP 响应内容?

4. 如何使用 curl 命令?

* * *

####Q1: HTTP 请求包括哪些部分,如何用Chrome开发者工具查看 HTTP 请求内容?

#####1.1 请求内容(5行)

```

POST / HTTP/1.1

Host: www.baidu.com

User-Agent: curl/7.54.0

Accept: */*

(代表一个回车)

```

#####1.2 如何用Chrome开发者工具查看 HTTP 请求内容?

打开 Network

地址栏输入网址

在 Network 点击,查看 request,点击「view source」,点击「view source」,点击「view source」

可以看到请求的前三部分了

如果有请求的第四部分,那么在 FormData 或 Payload 里面可以看到

#### Q2: 常见的8种请求方法GET POST PUT PATCH DELETE HEAD OPTIONS CONNECT

GET和POST ?

get译为获取,当你访问页面时用get获取页面内容

post译为上传,当你需要登录时用post登录(因为涉及密码所以post会更安全)

PUT 和PATCH ?

put全局更新(五行句子全部更新为一句

patch局部更新(五行句子中的一句更新

HEAD

与GET方法一样,都是向服务器发出指定资源的请求。只不过服务器将不传回资源的本文部分。

DELETE

请求服务器删除Request-URI所标识的资源。

TRACE

回显服务器收到的请求,主要用于测试或诊断。

OPTIONS

这个方法可使服务器传回该资源所支持的所有HTTP请求方法。用'*'来代替资源名称,向Web服务器发送OPTIONS请求,可以测试服务器功能是否正常运作。

CONNECT

HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。

#### Q3 HTTP 响应包括哪些部分,如何用Chrome开发者工具查看 HTTP 响应内容?

#####3.1响应格式

1 协议/版本号 状态码 状态解释

2 Key1: value1

2 Key2: value2

2 Content-Length: 17931

2 Content-Type: text/html

3

4 要下载的内容

#####3.2响应的状态码

1xx 不常用

2xx 表示成功

3xx 表示滚吧(我搬家走了

4xx 表示你丫错了(我真的错了

5xx 表示好吧,我错了(服务器错误

#####3.3如何用Chrome开发者工具查看 HTTP 响应内容?

打开 Network

输入网址

选中第一个响应

查看 Response Headers,点击「view source」,点击「view source」,点击「view source」

你会看到响应的前两部分

查看 Response 或者 Preview,你会看到响应的第 4 部分

####Q4: 如何使用 curl 命令?

打开gitbash输入指令curl -s -v -H  -- "https://www.baidu.com"

即可查看请求内容

http不加密密码内容,https加密密码内容

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,312评论 4 61
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,175评论 1 32
  • http简介 http的英文名称是:Hypertext transfer protocol.Tim Berners...
    疯狂的蜗牛Dianna阅读 902评论 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,958评论 1 45
  • 眼看他起朱楼,眼看他宴宾客,眼看他楼塌了。 ——清初戏本《桃花扇》
    一埝阅读 228评论 0 1