linux高并发web服务器开发(web服务器)17_html介绍，标题和段落，列表， 图片，超链接，table标签,http协议请求，响应消息，web服务器模型

pdf详情

01 html介绍

http://www.w3school.com.cn/html/index.asp
http://www.runoob.com/

1. HTML简介

• HTML，Hyper Texture Markup Language，超文本标记语言。
• 在计算机中以.html、.htm作为扩展名.
• 可以被浏览器访问, 就是经常见到的网页.

2. HTML特点

• 语法非常简洁、比较松散，以相应的英语单词关键字进行组合
• html标签不区分大小写
• 大多数标签是成对出现的, 有开始, 有结束.
  
• 不成对出现的称之为短标签
  
  

  ---

3. 标签中的属性和属性值

• 属性=“属性值”
  hello, world
   属性值建议加引号, (双, 单引号, 不加都可以)

4. html组成部分

• 声明文档类型
• 文档的头部好和主体内容 根标记
• 文档的头部信息头部标记 只能有一对
• 位于 标记之内
• 主体标记位于 之内, 标记之后
• 例：

	
		
	
	
		hello, world
	

5. 注释:

02 标题和段落相关的标签

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. 块容器:
   •

   This is a div element.
   
   • 用于没有语义含义的内容的块级容器(或网页的"划分")。
   • 属性: 对齐方式
   align
    left
    center
    right

6. 换行
   •


7. 水平线
   •

   ---

   
   属性:
    color: 3种表示方法
    size: 1-7
   

   ---

03 列表标签

1.无序列表
○ 标签

	
 列表项
	

○ 属性: type
 实心圆圈: disc – 默认
 空心圆圈: circle
 小方块: square

2.有序列表
○ 标签

	
 列表项
	

○ 属性:
type – 序号
□ 1 – 默认
□ a
□ A
□ i – 罗马数字(小)
□ I – 罗马数字(大)
start
□ 从序号的什么位置开始表示

3.自定义列表
○ 标签

	
 小标题
		
 解释标题
		
 解释标题

04 图片标签

•
属性:
 src: 图片的来源 必写属性
 alt: 替换文本 图片不显示的时候显示的文字
 title: 提示文本 鼠标放到图片上显示的文字
 width: 图片宽度
 height: 图片高度

注意：
 图片没有定义宽高的时候，图片按照百分之百比例显示
 如果只更改图片的宽度或者高度，图片等比例缩放。

05 超链接标签

1.超链接标签
• 超链接
属性:
○ href: 去往的路径（跳转的页面）必写属性
○ title: 提示文本, 鼠标放到链接上显示的文字
○ target
_self: 默认值 在自身页面打开（关闭自身页面，打开链接页面）
_blank: 打开新页面 （自身页面不关闭，打开一个新的链接页面）

示例:
○ 百度一下

2.锚链接
○ 先定义一个锚点:

○ 超链接到锚点: 回到顶点

06 给图片设置超链接

07 table标签的使用

1.表格标签
○

属性:
□ border – 表格线, 宽度1-7
□ bordercolor – 表格线颜色
□ width
□ height

○ -- 行
属性:
align – 对齐方式
 center
 left
 right

○ -- 单元格(列)
 对其属性设置同tr

○ 示例:

 第一列
		 第二列
	

08 http协议请求消息

http协议 - 应用层
• 请求消息(Request) - 浏览器给服务器发
○ 四部分: 请求行, 请求头, 空行, 请求数据
 请求行: 说明请求类型, 要访问的资源, 以及使用的http版本
 请求头: 说明服务器要使用的附加信息
 空行: 空行是必须要有的, 即使没有请求数据
 请求数据: 也叫主体, 可以添加任意的其他数据

• HTTP1.1的五种请求方法
  ○ GET
  请求指定的页面信息，并返回实体主体。
  ○ POST
  向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。
  ○ HEAD
  类似于get请求，只不过返回的响应中没有具体的内容，用于获取报头
  ○ PUT
  从客户端向服务器传送的数据取代指定的文档的内容。
  ○ DELETE
  请求服务器删除指定的页面。
  ○ CONNECT
  HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。
  ○ OPTIONS
  允许客户端查看服务器的性能。
  ○ TRACE
  回显服务器收到的请求，主要用于测试或诊断。

09 http请求一个url生成的请求协议分析

• http使用get和post请求数据
  
  
  浏览器地址栏:
  192.168.1.115/hello.c
  浏览器封装一个http请求协议
  get /hello.c http/1.1
  key:value
  key:value
  key:value
  key:value
  \r\n

10 http响应消息

• 响应消息(Response) - 服务器给浏览器发
○ 四部分: 状态行, 消息报头, 空行, 响应正文
 状态行: 包括http协议版本号, 状态码, 状态信息
 消息报头: 说明客户端要使用的一些附加信息
 空行: 空行是必须要有的
 响应正文: 服务器返回给客户端的文本信息

• 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 服务器当前不能处理客户端的请求，一段时间后可能恢复正常

• 重定向

11 web服务器模型实现思路