1、第3章 HTTP协议与HTML,前言,HTTP协议提供了从WWW服务器到本地浏览器的超文本传输协议，规定了Web交互的通信协议； HTML非线性的网状逻辑结构，具体规定了传输消息中资源实体的格式和类型。,前言,学习重点： 了解HTTP的基本原理； 掌握HTTP消息的类型和一般格式； HTML标签； 文档结构； 基本语法。,3.1 HTTP协议,3.1.1 HTTP概述 http:/,在浏览器的地址栏输入的地址称为统一资源定位符（Uniform Resource Locator，URL）； 浏览器通过超文本协议（HTTP），将Web服务器上该URL所对应的代码提取出来，呈现给用户。,什么是URL
2、？ URL即统一资源定位符(Uniform Resource Locator)， 用来唯一地标识万维网中的某一个文档。URL由协议、 主机和端口(默认为80)以及文件名三部分构成。如：,http:/:80/news/index.html,协议:/,主机:端口(80)/,文件名及其路径,如果把IP地址比作一间房子 ，端口就是出入这间房子 的门。端口号就是打开门的钥匙。真正的房子只有几 个门，但是一个IP地址的端口 可以有65536个之多！ 端口是通过端口号来标记的，端口号只有整数，范围 是从0 到65535。,一台拥有IP地址的主机可以提供许多服务，比如Web 服务、FTP服务、SMTP服务等，
3、这些服务完全可以 通过1个IP地址来实现。,“IP地址+端口号”来区 分不同的服务的。 21端口分配给FTP(文件传输协议)服务，25端口分配 给SMTP（简单邮件传输协议）服务，80端口分配给 HTTP服务，135端口分配给RPC（远程过程调用）服 务等等。,HTTP协议（Hypertext Transfer Protocol，超文本传 输协议）用于从WWW服务器传输超文本到本地浏 览器的传送协议，是分布式Web应用的核心技术协 议，TCP/IP协议栈中属于应用层协议。 定义了Web浏览器向Web服务器发送索取Web页面 请求的格式，以及Web页面在Internet上的传输方式。,按照URL
4、指示，将超文本文档从一台主机(Web服务 器)传输到另一台主机(浏览器)的应用层协议，以实现 超链接的功能。,3.1.2 HTTP的宏观工作原理 HTTP协议是基本请求/响应模型。 在用户点击URL为 http:/ 和Web服务器执行以下动作：,HTTP over TCP,TCP连接,建立TCP连接,HTTP请求报文,释放TCP连接,http:/ 非持久性连接 即浏览器每请求一个Web文档，就创建一个新的连接，当文档传输完毕后，连接就立刻被释放。 HTTP1.0、HTTP0.9采用此连接方式。 对于请求的Web页中包含多个其他文档对象（如图像、声音、视频等）的链接的情况，由于请求每个链接对应的
5、文档都要创建新连接，效率低下。,持久性连接 即在一个连接中，可以进行多次文档的请求和响应。 服务器在发送完响应后，并不立即释放连接，浏览器 可以使用该连接继续请求其他文档。连接保持的时间 可以由双方进行协商。,无状态性 是指同一个客户端(浏览器)第二次访问同一个Web服 务器上的页面时，服务器无法知道这个客户曾经访问 过。HTTP的无状态性简化了服务器的设计，使其更 容易支持大量并发的HTTP请求。,3.1.3 HTTP协议基础 基于HTTP协议的客户/服务器模式的信息交换过程， 分为四个步骤： 建立连接； 发送请求信息； 发送响应信息； 关闭连接。,建立连接： 通过申请套接字(Socket)
6、实现。用户打开套接字并将 它绑定在一个端口上。,发送请求： 打开一个连接后，客户机把请求消息送到服务器的特 定端口上，完成提出请求操作。,发送响应： 服务器在对客户的请求处理完毕后，向客户机发送响 应消息。,HTTP规定了网络中Web服务和服务器之间进行交互 的通信协议。 网络中资源的格式、类型是由HTML语言决定的。,3.2 HTML基础,HTML简介,超文本 透过浏览器看到的网页，实际上主要是由HTML （超文本标记语言）实现的。所谓超文本指是把一 些信息根据需要链接起来的信息管理技术，可以通 过一个文本中的链指针打开另外一个相关的文本， 只要用鼠标点一下文本中的高亮度或带下划线的条 目，
7、便可以得到相关的信息的文本。,HTML简介,HTML是建立网页文件的一种语言，用FrontPage制作的网页以及用Dream Weaver 制作的网页也同样会生成HTML文件。HTML通过标签来分割和标记文本中的各个元素， 如标题、表格、段落、列表等。,超媒体 超文本不仅可以处理文本信息，还可以处理图形、图 像、声音、动画、视频以及它们的组合。 超媒体=超文本+多媒体,HTML语言 HTML是一种国际化标准语言，它用于在Web上发布 超文本信息，是一种基于SGML公开的资源描述格式。 可以使用任意的工具来创建和处理HTML文档，包括 简单的文本编辑器和专门的编辑工具(Ultradit) HTM
8、L使用诸如和的标签将文本组织成 结构化的形式。,HTML特征： Web发布信息的方式； 公开性； 描述文档的标记语言；用Tag说明文档的内容和形式。 支持超链接； 平台无关性； 可扩展性； 基于SGML。,HTML编辑器：生成、修改和保存HTML文档； Web浏览器：打开并显示网页。 所看到的网页是由浏览器解释HTML标记形成的可视 化图像、文字的集合。 HTML是一个纯文本文件，由“显示内容”和“控制 语句”组成。控制语句描述了显示内容以何种形式在 浏览器中显示，以标签的形式出现。,HTML标记语法及文档结构,1、HTML标签与标签属性 单标签：；换行；水平线 双标签：由“首标签”和“尾标签
9、”组成受标签影响的内容 标签的属性： 受标签影响的内容,HTML文件的控制语句成为标记（也叫“标”），标记在一对尖括号之间，格式： 内容,你好，Hello World,h1开始标记，由标记名及 环绕标记名称的一对 “”构成,h1结束标记：/,一对闭合的匹配标记,标记控制的 “内容”,HTML元素：开始标记+内容+ 结束标记,HTML标记可以有（0-多个）属性，位于尖括号内 内容 属性为标记增加附加的功能，包括属性名和属性值 属性值包括在一对单引号或双引号之间,你好，Hello World,控制内容居中显示,属性名：align，属性值：center,HTML标记可以嵌套，但要按顺序正确闭合, 你
10、好,Hello World , 你好,Hello World ,html嵌套 Hello World! ,嵌套树,html,head,body,title,font,h1,嵌套树,完全嵌套于 中，嵌套于 中，嵌套于 ,规范写法,HTML标记和属性不严格区分大小写，但推荐全部采用小写，符合XHTML规范 属性值可以不加一对单引号或双引号，但推荐全部加上单或双引号，符合XHTML规范 有的HTML开始标记可以不加结束标记，但推荐全部加上结束标记，符合XHTML规范 采用规范的写法，可以保证在绝大多数浏览器上正常的显示,写法举例,你好，Hello HTML,你好，Hello HTML,你好，Hell
11、o HTML,你好，Hello HTML,推荐写法！,写法说明,你好，Hello HTML,你好，Hello HTML,字符引用 数值字符引用：字符的数值表示通常为“数值字符引 用”，通过给出字符集中的代码表示字符。 字符实体引用：字符的符号表示通常为“字符实体引 用”，通过字符的名称表示字符。,结果 描述 实体名称 实体编号 “ quotation mark http:/ 页面文档部分,HTML文档,文件头,文件体,HTML文档开始标记,HTML文档结束标记,文档头部开始标记,文档头部结束标记,标题标记,文档内容开始标记,文档内容结束标记,HTML定义了3种标签用于描述页面的整体结构，主 要
12、是、。,标签：是HTML语言里的第一个 标签，凡是一个HTML源文件都是以此开头。它用来 通知客户端该文件是HTML文档，在文档结尾处也有 一个对应的作为结尾标记。,标签：出现在文档的起始部分， 紧靠标签。该标签表明了文档题目，包含 的是文档的无序信息。文档标题部分可以包含题目和 主题信息，以为结束标签。,3.3 HTML的基本语法,标题和段落 标题文字标签： 和标签是用来说明HTML文档的 标题。当浏览器浏览网页时，会将标题显示在浏览器 最上方的标题栏内。,HTML文档中的字体标签是，字体标签用于对 文件中的文章章节进行划分。分别有h1、h2、 h6，用于表示文章中的各级标题的字体大小。标记
13、号 越小，标题字体越大，也就是标题越大。,标题文字标记标题文字 HTML定义了六级标题，n的范围16 align属性控制标题文字的对齐方式，默认left,段落标签 1.换行标记 是空元素 换行：浏览器遇到 标记会另起一行 浏览器不把文档中的“回车换行符”当成换行 块元素和内联元素 具备自动换行功能的HTML标记（元素）称为块元素 不具备自动换行功能的HTML标记（元素)称为内联元素,2.段落标记段落内容 段落前后自动加空行分隔,3.预格式化标记 预格式化标记使HTML文档中的空格、Tab符、回车换行符起作用,4.分层标记 层内容 作用：划分区域,5.水平线标记 浏览器遇到，在页面上画出一条水平
14、线,文字标签 控制文字的字体、大小和颜色通过属性控制 格式：文字 face属性定义字体，若定义字体不存在，采用系统默认字体 size定义大小：1 2 3 4 5 6 7 实际对应8 10 12 14 18 24 36（pixels） color定义颜色，颜色值可以用预定义名字，也可以用十六进制数字,1.设置字体大小 字体大小即字体在页面里显示的尺寸，HTML中把字 体尺寸分为7个级别，分别对应着不同大小的字体。 HTML语法表示为： 文字内容， 其中#的取值为1、2、3、4、5、6、7等。,2.设置文字的字体 文字内容 #：宋体、幼圆、隶书、楷体_GB2312、黑体、仿宋_GB2312,3.设
15、置文字的字型 包括对字体的粗体、斜体、下划线、上下标记和加删除线标记等操作。HTML语法格式表示为： :粗体 :斜体 :下划线 :设为上标 :设为下标 :加删除线标记 :小字,4.设置文字的颜色 （1）标签中的text属性 受影响的文字,（2）标签中的color属性 对于字体颜色的控制，在HTML中使用16进制的数据 变量（000000FFFFFF十六进制之间）对颜色进行 标识。一般可以选用如下几种颜色：Black、Olive、 Teal、Red、Blue、Maroon、Navy、Gray、Lime、 Fuchsia、White、Green、Purple、Silver、Yellow和 Aqua。语法格式表示如下： 其中#为任意一种颜色值。,5.逻辑字体 逻辑字体效果跟物理字体比较类似，它能控制字体的 倾斜度和大小。常用的几个语法表示如下： 或:字体倾斜 :设置为小号字体 :设置为大号字体 :缩小字体（适用于程序代码和 指令） :粗体 :缩小字体+斜体（适用于电 子邮件与网址）,6.文字闪烁 标记为： 注意：IE不支持此效果而Netscape支持,
