HTTP协议的请求与响应和CSS属性和定位

时间:2022-06-30 19:19:26

HTTP协议的请求与响应和CSS属性和定位

一、HTTP协议

1.1 HTTP定义

HTTP(Hypertext Transport Protocol),超文本传输协议。

一种详细规定了浏览器和web服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。

1.2 协议原理

HTTP协议的请求与响应和CSS属性和定位

1.3 请求格式

*         第一部分是request line。包裹请求的方法、所请求资源的名字以及现在所使用的协议。

*         第二部分是request headers。它包含浏览器的一些信息。

*         第三部分是body。其中request headers与body之间有个空行。

HTTP协议的请求与响应和CSS属性和定位

*         METHOD表示请求的方法,如“POST”、“GET”。path-to-resource表示请求的资源。HTTP/version-number表示HTTP协议的版本号。

HTTP协议的请求与响应和CSS属性和定位

1.4 响应格式

*         第一部分是response line。它包含HTTP协议的版本信息,响应状态等。

*         第二部分是response header。它包括服务器的一些基本信息。

*         第三部分是body。response header与body之间也有个空行。

HTTP协议的请求与响应和CSS属性和定位

HTTP协议的请求与响应和CSS属性和定位

1.5 接收消息和发送消息实例(Fiddle)

HTTP协议的请求与响应和CSS属性和定位

这里两个都是点的header,所以都是出现的消息头,body没有出现。

二、HTML

2.1 定义

HTML(Hypertext Markup Language),即超文本标记语言,是用于描述网页文档的一种标记语言。

就是编写网络文件的语言。

2.2 超链接

HTTP协议的请求与响应和CSS属性和定位

2.3 静态页面

一个网页页面仅仅由HTML语言代码组织起来

2.4 动态页面

HTML+ASP

HTML+PHP

HTML+JSP

2.5 表单元素

<form></form>

2.5.1 文本框

*         <input type=”text” name=”text”>

2.5.2 单选框

*         <input type=”radio” value=”值1” name=”dxk”>

*         <input type=”radio” value=”值2” name=”dxk”>

2.5.3 复选框

*         <input type=”checkbox” value=”值1” name=”dxk”>

*         <input type=”checkbox” value=”值2” name=”dxk”>

2.5.4 提交按钮

*         <input type=”submit” value=”提交”>

2.6 表单元素属性

*         type属性:表示该元素的类型。有text(文本框)、checkbox(单选框)和button(按钮)等值。

*         name属性:表示该元素的名称,只能有唯一值。

*         value属性:设置该元素的默认值。

2.7 表单提交的目的地址

HTTP协议的请求与响应和CSS属性和定位

2.8 数据的提交方式

*         form表单中有还有一个属性method。它表示表单中数据的提交方式。它有两个可选值:POST和GET。

*         POST:将数据打包,以隐含的方式传递。

*         GET:附加到URL上,通过URL来传递数据。

三、CSS

CSS:页面美化技术

3.1 css属性

HTTP协议的请求与响应和CSS属性和定位

3.2 鼠标样式属性

控制CSS中的cursor属性来实现的

3.3 CSS绝对定位

HTTP协议的请求与响应和CSS属性和定位

3.4 CSS实现表格变色