第二HTML基础.ppt
60页
- 中国城市
- 北京
- 上海
- 广州
- 美国城市
- 华盛顿
- 芝加哥
- 纽约
第二章 HTML基础彭煜玮武汉大学计算机学院2009.9ü1 教材和参考书目ß网页设计教程武汉大学出版社 作者： 吴黎兵，罗云芳主编ß网页与Web程序设计 机械工业出版社 作者：吴黎兵，熊建强主编ü2 内容回顾WWW具有三个统一：1.统一的资源命名方式：URL（统一资源定位符，即网址） 2.统一的资源访问方式：HTTP （超文本传输协议）3.统一的信息组织方式：HTML（超文本标记语言）WWW是成千上万个网站连結而成的页面式网络信息系统WWW采用“客户机/服务器”结构 ü3 HTTP （超文本传输协议）Protocol，一组在网络上发送信息的规则和约定这些规则控制在网络设备间交换消息的内容、格式、定时、顺序和错误控制通俗的说就是不同的网络程序的交流语言，我们常见的OICQ使用UDP协议、ICQ使用TCP协议、E-mail程序使用POP3和SMTP协议，正像我们国人使用汉语一样......ü4 HTTP （超文本传输协议）ß超文本传输协议(Hyper Text Transfer Protocol ,简称HTTP)是WWW浏览器和WWW服务器之间的应用层通讯协议。
HTTP协议是用于分布式协作超文本信息系统的、通用的、面向对象的协议ßHTTP会话过程包括四个步骤: (1) 连接(Connection); (2) 请求(Request); (3) 应答(Response); (4) 关闭(Close)ßHTTP协议是基于TCP/IP之上的协议,它不仅保证正确传输超文本文档,还确定传输文档中的哪一部分,以及哪部分内容首先显示(如文本先于图形)等等ü5 HTTP （超文本传输协议）HTTP 是一种请求/响应式的协议一个客户机与服务器建立连接后，发送一个请求给服务器，请求的格式是：统一资源标识符（URL）、协议版本号，后面是类似 MIME 的信息，包括请求修饰符、客户机信息和可能的内容服务器接到请求后，给予相应的响应信息，其格式是：一个状态行包括信息的协议版本号、一个成功或错误的代码，后面也是类似 MIME 的信息，包括服务器信息、实体信息和可能的内容 ü6 HTTP （超文本传输协议）ß协议结构 HTTP报文由从客户机到服务器的请求和从服务器到客户机的响应构成请求报文格式如下：ß请求行以方法字段开始，后面分别是 URL 字段和 HTTP 协议版本字段，并以 CRLF 结尾。
SP 是分隔符除了在最后的 CRLF 序列中 CF 和 LF是必需的之外，其他都可以不要 请求行请求行通用信息头通用信息头请求头请求头实体头实体头报文主体报文主体ü7 HTTP （超文本传输协议）ß状态码元由3位数字组成，表示请求是否被理解或被满足原因分析是对原文的状态码作简短的描述，状态码用来支持自动操作，而原因分析用来供用户使用客户机无需用来检查或显示语法 ü8 HTML基础一、 HTML的概念Þ1.什么是HTML ？超文本标记语言（HTML——HyperText Markup Language）是用于设计网页源文件（网页文档）的语言每一个页面的代码保存为一个网页源文件(.htm文件) 八十年代初，HTML由万维网联盟（W3C：World Wide Web Consortium）制订 HTML包括一些定义页面内容和格式的符号，称为标记它能够将文本、图像、声音和动画结合在一个网页文档中这些文档可以通过Web浏览器显示，还可以通过超链接以访问其它的信息资源后来，进一步推出了XML（扩展标记语言），该语言可以由程序员自己定义标记 ü9 HTML基础2.网页的组成网页由元素构成，每个元素用HTML代码和标记定义。
标记是网页文档中的一些有特定意义的符号这些符号指明如何显示文档中的内容标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）结束标记和开始标记所用的字符相同，只是前面加一个斜杠例如：… 用于标记一个自然段 标记可以具有相应属性即各种参数，如size、color、 text、 width和noshade等 例如：
超链接是网页上连接其它网页或网页上指定位置的超文本和超媒体超链接分为文字和图像（包括动画）两种，网页中的一段文字、一副图像或图像的某一个部分等都可以定义为超链接 ü12 HTML基础二、如何编写和浏览HTML网页文档启动IE，然后使用“查看”菜单中的“源文件”菜单项，进入记事本，就可以输入网页源文件了在输入完之后，另存为.htm文件或者直接进入记事本，输入网页源文件在输入完之后，另存为.htm文件（选择保存类型为“所有文件”）在浏览器中输入该文件名（全路径）或者双击该文件，就能浏览HTML源文件的网页效果 ü13 HTML基础例如：
（1）文件标记：…整个HTML文档内容均在…标记之中 （2）头部标记：
… 整个HTML文档分头部和主体部分头部使用…标记标识，凡是在此标记之内的内容，例如标题等，均属于头部信息头部信息不显示在Web页中 头部信息一般是放置一些指示浏览器如何显示该HTML文档的信息ü16 HTML基础（3）头部标题标记： 在段落标记中还可以使用align属性，用来说明对齐方式：
（换行标记）
是一个很简单的标记，它没有结束标记，用来创建一个换行
在中产生的行距比在外面产生的行距小 （3）…
（两边缩进标记）在…
标记之间的文本将按照两边缩进的方式显示 ü20 HTML基础（4）（列表标记）①
用来创建一个列表;② 用来创建列表中的上层项目;③ 用来创建列表中最下层项目;和都必须放在
标记之间[例2-2] 创建一个普通列表：ü21 HTML基础 该网页的HTML源文件test2-2.htm如下：