一、HTML

1. HTML简介

（1）HTML简介

HTML，Hyper Texture Markup Language，超文本标记语言。

在计算机中以.html、.htm作为扩展名。

可以被浏览器访问, 就是经常见到的网页。

（2）HTML特点

语法非常简洁、比较松散，以相应的英语单词关键字进行组合

html标签不区分大小写

大多数标签是成对出现的, 有开始, 有结束，比如

不成对出现的称之为短标签，比如

（3）标签中的属性和属性值

属性="属性值"

hello, world

属性值建议加引号, (双, 单引号, 不加都可以)

（4）html组成部分

声明文档类型

文档的头部好和主体内容 根标记

文档的头部信息 头部标记 只能有一对

位于标记之内

主体标记位于之内,标记之后

示例：

hello, world

5）注释

2. 文字和标题标签

（1）标题标签

只有一个

搜索引擎优化：seo

...

1-6依次变小, 自动换行

（2）文本标签

属性：

color: 文字颜色

表示方式：

英文单词: red green blue......

使用16进制的形式表示颜色: #ffffff -- (rgb)

使用rgb(255, 255, 0)

size: 文字大小

范围 1 -- 7

7最大

1最小

（3）文本格式化标签

文本加粗标签

工作里尽量使用strong

文本倾斜标签

工作里尽量使用em

删除线标签

工作里尽量使用del

下划线标签（插入文本）

工作里尽量ins

（4）段落

xxx

特点:

上下自动生成空白行

（5）块容器

用于没有语义含义的内容的块级容器(或网页的"划分")。

属性：对齐方式

align:

left

center

right

（6）换行

（7）水平线

属性：

color: 3种表示方法

size: 1-7

例如：

3. 列表标签

（1）无序列表

标签：

列表项

属性：type

实心圆圈: disc -- 默认

空心圆圈: circle

小方块: square

（2）有序列表

标签：

列表项

属性：

type -- 序号

1 -- 默认

a

A

i -- 罗马数字(小)

I -- 罗马数字(大)

start

从序号的什么位置开始表示

（3）自定义列表

标签

小标题

解释标题

解释标题

4. 图片标签

属性：

src: 图片的来源 必写属性

alt: 替换文本 图片不显示的时候显示的文字

title: 提示文本 鼠标放到图片上显示的文字

width: 图片宽度

height: 图片高度

注意：

图片没有定义宽高的时候，图片按照百分之百比例显示

如果只更改图片的宽度或者高度，图片等比例缩放。

示例：

5. 超链接标签

（1）超链接标签

超链接

属性:

href: 去往的路径（跳转的页面）必写属性

title: 提示文本, 鼠标放到链接上显示的文字

target：

_self：默认值 在自身页面打开（关闭自身页面，打开链接页面）

_blank: 打开新页面 （自身页面不关闭，打开一个新的链接页面）

示例：

百度一下

（2）锚链接

先定义一个锚点:

超链接到锚点: 回到顶点

（6）表格标签

属性：

border -- 表格线, 宽度1-7

bordercolor -- 表格线颜色

width

height

-- 行

属性：

align -- 对齐方式：

center

left

right

-- 单元格(列)

对其属性设置同tr

示例:

二、http协议 - 应用层

1. 请求消息(Request) - 浏览器给服务器发

四部分: 请求行, 请求头, 空行, 请求数据

请求行: 说明请求类型, 要访问的资源, 以及使用的http版本

请求头: 说明服务器要使用的附加信息

空行: 空行是必须要有的, 即使没有请求数据

请求数据: 也叫主体, 可以添加任意的其他数据

示例：

GET /3.txt HTTP/1.1 /: 资源目录的根目录 三部分内容由空格间隔 Host: localhost:2222 User-Agent: Mozilla/5.0 (X11; Ubuntu; linux i686; rv:24.0) Gecko/201001 01 Firefox/24.0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: zh-cn,zh;q=0.8,en-us;q=0.5,en;q=0.3 Accept-Encoding: gzip, deflate Connection: keep-alive If-Modified-Since: Fri, 18 Jul 2014 08:36:36 GMT 请求头：由键值对构成的 请求数据 换行：\r\n

2. 响应消息(Response) - 服务器给浏览器发

四部分: 状态行, 消息报头, 空行, 响应正文

状态行: 包括http协议版本号, 状态码, 状态信息

消息报头: 说明客户端要使用的一些附加信息

空行: 空行是必须要有的

响应正文: 服务器返回给客户端的文本信息

示例：

HTTP/1.1 200 Ok Server: micro_httpd Date: Fri, 18 Jul 2014 14:34:26 GMT Content-Type: text/plain; charset=iso-8859-1 (必选项) 告诉浏览器发送的数据是什么类型 Content-Length: 32 发送的数据的长度 Content-Language: zh-CN Last-Modified: Fri, 18 Jul 2014 08:36:36 GMT Connection: close #include int main(void) { printf("hello world!\n"); return 0; }

3. HTTP1.1的五种请求方法

1）GET

请求指定的页面信息，并返回实体主体。

2）POST

向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。

3）HEAD

类似于get请求，只不过返回的响应中没有具体的内容，用于获取报头。

4）PUT

从客户端向服务器传送的数据取代指定的文档的内容。

5）DELETE

请求服务器删除指定的页面。

6）CONNECT

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

7）OPTIONS

允许客户端查看服务器的性能。

8）TRACE

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

示例：http使用get和post请求数据

使用get方法请求数据:

GET /3.txt HTTP/1.1 Host: localhost:2222 User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:24.0) Gecko/201001 01 Firefox/24.0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: zh-cn,zh;q=0.8,en-us;q=0.5,en;q=0.3 Accept-Encoding: gzip, deflate Connection: keep-alive If-Modified-Since: Fri, 18 Jul 2014 08:36:36 GMT\r\n 空行 请求数据(可以为空)

使用post方法请求数据:

POST HTTP/1.1 Host: localhost:2222 User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:24.0) Gecko/201001 01 Firefox/24.0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: zh-cn,zh;q=0.8,en-us;q=0.5,en;q=0.3 Accept-Encoding: gzip, deflate Connection: keep-alive If-Modified-Since: Fri, 18 Jul 2014 08:36:36 GMT 空行 username=jack&pwd=123456&sex=男

浏览器地址栏:

192.168.30.131/hello.c 浏览器封装一个http请求协议 get /hello.c http/1.1 key:value key:value key:value key:value \r\n

4. HTTP常用状态码

状态代码有三位数字组成，第一个数字定义了响应的类别，共分五种类别:

1xx：指示信息--表示请求已接收，继续处理

2xx：成功--表示请求已被成功接收、理解、接受

3xx：重定向--要完成请求必须进行更进一步的操作

4xx：客户端错误--请求有语法错误或请求无法实现

5xx：服务器端错误--服务器未能实现合法的请求

常见状态码：

200 OK 客户端请求成功 400 Bad Request 客户端请求有语法错误，不能被服务器所理解 401 Unauthorized 请求未经授权，这个状态代码必须和WWW-Authenticate报头域一起使用 403 Forbidden 服务器收到请求，但是拒绝提供服务 404 Not Found 请求资源不存在，eg：输入了错误的URL 500 Internal Server Error 服务器发生不可预期的错误 503 Server Unavailable 服务器当前不能处理客户端的请求，一段时间后可能恢复正常

5. http中的文件类型

普通文件: text/plain; charset=utf-8 *.html : text/html; charset=utf-8 *.jpg : image/jpeg *.gif : image/gif *.png : image/png *.wav : audio/wav *.avi : video/x-msvideo *.mov : video/quicktime *.mp3 : audio/mpeg charset=iso-8859-1 西欧的编码，说明网站采用的编码是英文； charset=gb2312 说明网站采用的编码是简体中文； charset=utf-8 代表世界通用的语言编码； 可以用到中文、韩文、日文等世界上所有语言编码上 charset=euc-kr 说明网站采用的编码是韩文； charset=big5 说明网站采用的编码是繁体中文；

6. 重定向

三、web服务器实现

1. 实现思路

（1）编写函数解析http请求

GET /hello.html HTTP/1.1\r\n

将上述字符串分为三部分解析出来

（2）编写函数根据文件后缀，返回对应的文件类型

（3）sscanf - 读取格式化的字符串中的数据

使用正则表达式拆分

[^ ]的用法

（4）通过浏览器请求目录数据

读指定目录内容

opendir readdir closedir

scandir - 扫描dir目录下(不包括子目录)内容

#include int scandir(const char *dirp, struct dirent ***namelist, int (*filter)(const struct dirent *), int (*compar)(const struct dirent **, const struct dirent **) ); dirp - 当前要扫描的目录 namelist - struct dirent** ptr; - struct dirent* ptr[]; - &ptr; filter - NULL compar 文件名显示的时候, 指定排序规则 - alphasort - versionsort

5）http中数据特殊字符编码解码问题

编码

解码

服务器端伪代码：

1 void http_respond_head(int cfd, char* type) 2 { 3 char buf[1024]; 4 // 状态行 5 sprintf(buf, "http/1.1 200 OK\r\n"); 6 write(cfd, buf, strlen(buf)); 7 // 消息报头 8 sprintf(buf, "Content-Type: %s\r\n", type); 9 write(cfd, buf, strlen(buf)); 10 11 // 空行 12 write(cfd, "\r\n", 2); 13 } 14 15 void main() 16 { 17 // 修改进程的工作目录 18 chdir(path); 19 // 创建监听的套接字 20 int lfd = socket(af_inet, sock_stream, 0); 21 // 绑定 22 struct sockaddr_in serv; 23 serv.family = af_inet; 24 serv.port = htons(8989); 25 bind(lfd, &serv, len); 26 // 监听 27 listen(); 28 29 int cfd = accept(); 30 // 读数据 31 read(cfd, buf, sizeof(buf)); 32 // 先将buf中的请求行拿出来 33 // GET /hello.c http/1.1 34 char method[12], path[1024], protocol[12]; 35 // 得到文件名 36 char* file = path+1; 37 // 打开文件 38 int fdd = open(file, O_RDONLY); 39 int len = 0; 40 http_respond_head(cfd, "text/plain"); 41 // 循环读数据 42 while( (len=read(fdd, buf, sizeof(buf))) > 0) 43 { 44 // 数据发送给浏览器 45 write(fdd, buf, len)); 46 } 47 }

【Linux C编程】第二十一章Linux高并发WEB服务器开发之版本1

Linux web前端

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。