计算机网络导论课件

1、计算机网络导论第第7章章 Internet服务服务7.1 Internet服务概述服务概述（1）Word Wide Web（万维网）（万维网）超文本超文本/超媒体技术超媒体技术（2）E-mail（电子邮件）（电子邮件）（3）FTP（文件传输）（文件传输）（4）Telnet（远程登录）（远程登录）（5）Usenet（新闻组）（新闻组）（6）信息查询服务）信息查询服务（7）DNS服务服务计算机网络导论因特网提供服务的模式-C/S和和B/S技术C/S的局限性中心中心局域网局域网特定用户群中资源共享特定用户群中资源共享 B/S带给我们的全新体验带给我们的全新体验数据库数据库服务器服务器学生机学生机1

2、1学生机学生机2 2学生机学生机n n需要安装客需要安装客户端软件户端软件Google服务器服务器Internet全球用户群中资源共享全球用户群中资源共享 美国用户美国用户中国用户中国用户数据库数据库服务器服务器无需安装客无需安装客户端软件户端软件计算机网络导论客户/服务器（C/S）计算模式 概念 C/S计算模式将应用一分为二：前端是客户机完成与用户的交互任务 ，后端是服务器，服务器负责数据管理。 优点通过异种平台集成，能够协调现有的各种IT基础结构；分布式管理；能充分发挥客户端PC的处理能力，安全、稳定、速度快，且可脱机操作。 缺点它必须在客户端安装大量的应用程序（客户端软件）、开发成本较高

3、，移植困难，用户界面风格不统一、使用繁杂、不利于推广使用，维护复杂、升级麻烦，信息内容和形式单一，新技术不能轻易应用等。计算机网络导论什么是B/S技术B/S是浏览器端/服务器端，程序完全放在服务器上，不用在浏览器上安装任何文件，它是基于Internet的产物应用应用服务器服务器 数据库数据库 服务器服务器 IENetscapeIEInternet在应用服务器中布在应用服务器中布署运行程序署运行程序计算机网络导论B/S技术特点B/S中浏览器端与服务器端采用请求/响应模式进行交互应用应用服务器服务器数据库数据库服务器服务器IEIE解释执行解释执行HTML文件文件从服务器端检索到的信息从服务器端检索

4、到的信息返回响应返回响应客户端的请求信息客户端的请求信息发送请求发送请求访问数据库访问数据库返回结果返回结果运行运行JSP等服务器等服务器端脚本程序端脚本程序1用户输入用户输入234计算机网络导论 7.2 DNS域名服务域名服务 DNS概述概述DNS（DNS，Domain Name Server）即域名服务器，是一种分布式的、静态层次型的、客户机/服务器模式的数据库管理系统。DNS服务器负责将主机名连同域名转换为IP地址。网络管理员使用主机名称和IP地址的列表来配置DNS，允许工作站用户通过主机名而不是IP地址来访问提供DNS服务的主机。DNS的一般格式为：本地主机名组名网点名。 计算机网络导

5、论DNS服务机制服务机制将人们所熟悉的名字映射成IP地址。 1.由主机表来完成 2.采用域名服务的守护进程(named , 或 in.namd)来实现。 计算机网络导论目前的IP地址与域名由谁分配？Internet的最高层域名由Internet网络协会负责网络地址分配的委员会进行登记和管理，它还为Internet的每一台主机分配唯一的IP地址。全世界现有3个大的网络信息中心： INTER NIC 负责美国及其它地区RIPE-NIC 负责欧洲地区APNIC 负责亚太地区计算机网络导论域名系统域名系统DNS主要包含三个部分：主要包含三个部分：（1）层次树型结构的域名空间）层次树型结构的域名空间（2

6、）名字服务器）名字服务器（3）解析器）解析器客户端客户端,负责查询域名服务器，解析从域负责查询域名服务器，解析从域名服务器返回的应答和把信息传给应用程名服务器返回的应答和把信息传给应用程序。序。计算机网络导论.2因特网的域名空间因特网的域名空间根根ROOTROOT国家顶级域名国家顶级域名 通用顶级域名通用顶级域名 新增顶级域名新增顶级域名.us .cn .com .net .int .biz .info .us .cn .com .net .int .biz .info .com .net .edu .com .net .edu 二级域名二级域名.pku .sdinghua .

7、xiyou .pku .sdinghua .xiyou 三级域名三级域名 mail mail 四级域名四级域名E.cnE.cn计算机网络导论域 代表网络一部分的逻辑实体或组织 域名 主机名的一部分，它代表包含这个主机的域。它可以和域交换使用 主机 网络上的一台计算机 节点 网络上的一台计算机 域名服务器 ：提供DNS服务的计算机，它将DNS名字转化为IP地址 解析：把一个DNS服务器转化为与其相应的IP地址的过程 解析器： 从域名服务器中提取DNS信息的程序或库子程序 反向解析： 将给出的IP地址转化为其相映的DNS名字 使用规则：p157通用顶级域名和国家顶级域名计算机网络导论7.2.37.

8、2.3域名解析过程域名解析过程1 1、名字服务器、名字服务器主域名服务器：用于保存域名信息，负责存储和管理一主域名服务器：用于保存域名信息，负责存储和管理一个或多个区。个或多个区。转发域名服务器转发域名服务器(辅助辅助)计算机网络导论2、域名解析-DNS解析过程及原理 第一步：客户机提出域名解析请求,并将该请求发送给本地的域名服务器。第二步：当本地的域名服务器收到请求后,就先查询本地的缓存,如果有该纪录项,则本地的域名服务器就直接把查询的结果返回。 第三步：如果本地的缓存中没有该纪录,则本地域名服务器就以客户的身份向其他名字服务器发送解析请求，从夫下去，直到找到可以完成名字解析的服务器。 递归

9、和迭代方式计算机网络导论requesting hostDNS .edulocal DNS server12456authoritative DNS server78DN3递归解析递归解析服务器回送的是解析结果计算机网络导论requesting hostDNS .edulocal DNS server123456authoritative DNS server78DNS.A server迭代解析迭代解析服务器回送的是可能存在解析结果的DNS地址计算机网络导论7.3 7.3 万维网万维网WWWWWW7.3.1 WWW7.3.1 WWW概述概述1990.10 Tim Berners Lee 1990

10、.10 Tim Berners Lee 开发出第一个采用超文本技开发出第一个采用超文本技术的分布式信息系统，术的分布式信息系统，WWWWWW1993 win1993 win操作系统操作系统 浏览器浏览器 MosaicMosaic采用客户采用客户/ /服务器工作模式服务器工作模式 使用超文本标记语言使用超文本标记语言HTMLHTML编写网页编写网页 使用使用HTTPHTTP（超文本传输协议）实现（超文本传输协议）实现C/SC/S间信息交流间信息交流 WWWWWW的核心协议的核心协议 用统一资源定位器用统一资源定位器URLURL来标识每一个信息资源来标识每一个信息资源计算机网络导论

11、.2超文本与超媒体超文本与超媒体超文本：包含有超文本：包含有“超连接超连接”的文本的文本超连接：文本中的词、短语、符号、图像、声音超连接：文本中的词、短语、符号、图像、声音/ /影视剪影视剪辑之间的连接或与其他文件、超文本文件之间的连接辑之间的连接或与其他文件、超文本文件之间的连接超媒体：是超文本和多媒体在信息浏览环境下的结合，超媒体：是超文本和多媒体在信息浏览环境下的结合，进一步扩展了超连接所连接的信息类型。进一步扩展了超连接所连接的信息类型。计算机网络导论7.3.3 URL7.3.3 URL一般格式：一般格式： :/:/: :/ 80 80 21 21telnet:/.cntelnet:/

12、.cn 23 23URL：通常以协议名（：通常以协议名（http:/ ）开头后跟网站的域名、）开头后跟网站的域名、路径和文件名组成。如：路径和文件名组成。如：计算机网络导论7.3.4 WWW7.3.4 WWW的工作过程的工作过程1.浏览器分析超连接所指页面的URL，获得服务器的名字2.浏览器向本地的DNS服务器请求解析服务器的IP地址3.DNS服务器解析目标服务器的IP地址，结果返回浏览器。4.浏览器利用IP地址与www服务器建立连接。5.浏览器发出浏览请求。6.www服务器响应用户的请求把默认或指定页面发送浏览器。7.浏览器接受页面数据。8.浏览器显示所接收的内容，并等待用户的进一步命令。几

13、个概念：网页、html文档、网站、主页计算机网络导论7.3.5 7.3.5 超文本标记语言超文本标记语言HTMLHTML 是支持在各种网络环境之间、不同文件格式之间进行是支持在各种网络环境之间、不同文件格式之间进行交流的一种语言格式。交流的一种语言格式。起源于起源于SGMLSGML（Standard for General Markup LanguageStandard for General Markup Language）使用标签（使用标签（TAGTAG）对文件的内容进行标注）对文件的内容进行标注对文件格式进行标准化对文件格式进行标准化使用户能过进行跳跃式阅读使用户能过进行跳跃式阅读相应文

14、件（网页）的扩展名：相应文件（网页）的扩展名：.html .html 或或 .htm.htm编写网页的两种方式：编写网页的两种方式：手工直接编写或使用专门的网页开发工具（手工直接编写或使用专门的网页开发工具（FrontPageFrontPage、DreamWeaverDreamWeaver）计算机网络导论HTMLHTML语法语法在在HTMLHTML中利用标签来标识文档元素中利用标签来标识文档元素 文本或超文本文本或超文本 文本或超文本文本或超文本/ 分为但标签和双标签分为但标签和双标签my test pagemy test pageH2 ALIGN=HTML HTML 入门入门计算机网络导论H

15、TMLHTML文档的结构文档的结构 头部信息头部信息 文档主体文档主体 计算机网络导论网页的制作语言网页的制作语言1 . HTML语言的结构及语法规范语言的结构及语法规范1.1 HTML语言的结构语言的结构 HTML（超文本标记语言）是一种描述文档结构的语言，（超文本标记语言）是一种描述文档结构的语言，它利用标签来描述文档结构、指定文档内容在浏览器中的显示它利用标签来描述文档结构、指定文档内容在浏览器中的显示格式、位置等。格式、位置等。 一个一个HTML文件包含两部分信息，其一是文本内容，其二即文件包含两部分信息，其一是文本内容，其二即为标签。标签有分单独出现的标签和成对出现的标签两种。为标签

16、。标签有分单独出现的标签和成对出现的标签两种。 整个整个HTML文档由文档头和文档主体两部分构成，这两部分文档由文档头和文档主体两部分构成，这两部分内容分别用内容分别用标签和标签和标签界定。文档头中包含标签界定。文档头中包含文档标题等属性；文档主体则规定了将在浏览器窗口中显示的文档标题等属性；文档主体则规定了将在浏览器窗口中显示的内容及其显示格式。内容及其显示格式。 计算机网络导论 华北航天工业学院华北航天工业学院 这是一个这是一个HTML的测试文件的测试文件 计算机网络导论1.2 HTML HTML语言的语法规范语言的语法规范在使用在使用HTML时，应注意以下几点：时，应注意以下几点：l l

17、 HTML文档的标签是可以嵌套的。文档的标签是可以嵌套的。l l 有些标签（例如有些标签（例如）没有任何属性，而有些标签（例）没有任何属性，而有些标签（例如如）则可包含一个或多个属性。）则可包含一个或多个属性。l l 在在HTML中有三个字符具有特殊的意义，即中有三个字符具有特殊的意义，即“”和和“&”。l l 元素名称对大小写不敏感。元素名称对大小写不敏感。l l 一个标签可以有多个属性，属性及其属性值对大小写不敏一个标签可以有多个属性，属性及其属性值对大小写不敏感，不同属性间用空格分隔。感，不同属性间用空格分隔。l l HTML文件中，有些标签只能出现在文档头部中，而绝大多文件中，有些标签

18、只能出现在文档头部中，而绝大多数标签只能出现在文档主体中。数标签只能出现在文档主体中。 计算机网络导论2 网页中文本的基本格式网页中文本的基本格式 下面介绍一些常用的有关下面介绍一些常用的有关WebWeb页文本格式的标签。页文本格式的标签。1 1标签标签 标签用来给网页命名，网页的名称将被显标签用来给网页命名，网页的名称将被显示在浏览器的标题栏中。示在浏览器的标题栏中。2标签标签(I:1-6) 标签是成对出现的。位于标签是成对出现的。位于和和之间之间的内容是的内容是HTML文档中的标题。标题文字都以粗体显文档中的标题。标题文字都以粗体显示，上级标题总比下级标题更大些，具体大小与浏览示，上级标题

19、总比下级标题更大些，具体大小与浏览器有关。器有关。计算机网络导论3预格式化文本标签预格式化文本标签 为预格式化标签。它是成对出现的。对位为预格式化标签。它是成对出现的。对位于于和和之间的内容，浏览器将严格按照之间的内容，浏览器将严格按照编辑编辑HTML文档时的字符及位置进行显示。文档时的字符及位置进行显示。 有标签 无标签 计算机网络导论4和和标签标签 “BR”即即Break，是换行标签，它是单独出现的。，是换行标签，它是单独出现的。的作用相当于回车符。的作用相当于回车符。 “P”即即Paragraph（段落）。（段落）。标签用于划分标签用于划分段落，作用是插入一个空行。它可以单独使用，也可段

20、落，作用是插入一个空行。它可以单独使用，也可以成对使用。以成对使用。5标签标签 标签是单独出现的标签。其作用是换行并标签是单独出现的标签。其作用是换行并画出一条水平线。该标签的属性有：画出一条水平线。该标签的属性有：size属性、属性、width属性、属性、align属性、属性、color属性属性 计算机网络导论6字符格式标签字符格式标签 HTML文档的字符格式标签主要有文档的字符格式标签主要有、和、和四种。它们都是成对出现的。四种。它们都是成对出现的。7标签标签 是字体标签，它是成对出现的，用于指是字体标签，它是成对出现的，用于指定文本的字体大小、颜色等。该标签可包含若干属性，定文本的字体大

21、小、颜色等。该标签可包含若干属性，其中其中COLOR属性指定文字颜色，颜色可以用属性指定文字颜色，颜色可以用6位十六位十六进制数表示，如进制数表示，如；SIZE属性指定相对尺寸属性指定相对尺寸。 计算机网络导论 另外，如果用户想要设置网页的背景色和文字颜另外，如果用户想要设置网页的背景色和文字颜色，可以将色，可以将标签扩充为标签扩充为 其中其中“x”为为6位十六进制数，代表颜色位十六进制数，代表颜色RGB（red-green-blue，红，红-绿绿-蓝）值，其格式为蓝）值，其格式为rrggbb。 计算机网络导论2.3 文档的超链接 使用超链接技术可以使顺序存放的文件在一定程使用超链接技术可以使

22、顺序存放的文件在一定程度上可被随机访问。度上可被随机访问。 就本质而言，超链接是在并无物理联系的两段文就本质而言，超链接是在并无物理联系的两段文字或两个文件建立的逻辑联系。字或两个文件建立的逻辑联系。1链接到其他站点（文档）链接到其他站点（文档） 在在HTML文档中，当需要链接其他文档时，应使用文档中，当需要链接其他文档时，应使用标签。其基本格式为标签。其基本格式为 计算机网络导论zzz 实际上这个实际上这个“zzz”在在HTML文件中充当的是指针的文件中充当的是指针的角色，通常被称为锚标，是链接的源点。角色，通常被称为锚标，是链接的源点。 在制作在制作HTML文档时，需要知道目标的文档时，需

23、要知道目标的URL。对。对于于Internet上的资源而言，在用浏览器查看时，将鼠上的资源而言，在用浏览器查看时，将鼠标移至资源锚标处，其标移至资源锚标处，其URL一般会在浏览器的状态栏一般会在浏览器的状态栏中显示出来。中显示出来。 此外，制作此外，制作HTML文档时，对能够确定关系的一文档时，对能够确定关系的一组资源（比如在同一个目录中）应采用相对组资源（比如在同一个目录中）应采用相对URL，这，这不仅简单，而且便于维护。但是，引用外部资源时，不仅简单，而且便于维护。但是，引用外部资源时，只能使用绝对只能使用绝对URL。 计算机网络导论2链接到本页的另一位置或其他页面中的特定位置。链接到本页

24、的另一位置或其他页面中的特定位置。 上面提到的超链接用于链接其他页面，这种链接方上面提到的超链接用于链接其他页面，这种链接方式称做远程链接。式称做远程链接。 事实上，超链接可以指向本页面中的任何位置，这事实上，超链接可以指向本页面中的任何位置，这种链接方式叫做本地链接。种链接方式叫做本地链接。 在某一位置做在某一位置做“记号记号”需要使用下列格式的需要使用下列格式的标标签：签： name属性将放置该标记的地方标记为属性将放置该标记的地方标记为“KKK”，KKK是一个全文唯一的标记串。这样，就在放置标记是一个全文唯一的标记串。这样，就在放置标记的地方做了一个叫做的地方做了一个叫做“KKK”的的“

25、记号记号”。做好。做好“记记号号”后，可以用下列方法来建立指向它的超链接：后，可以用下列方法来建立指向它的超链接：转向下一处转向下一处 计算机网络导论 实例文档在实例文档在IE5中的显示效果如图中的显示效果如图14所示。当用户所示。当用户单击锚标单击锚标“电子邮件电子邮件”后，浏览器将载入目标文件并后，浏览器将载入目标文件并自标记位置开始显示，如图自标记位置开始显示，如图15所示。所示。 图14 源文档的显示效果 图15 目标文档的显示效果 计算机网络导论2.4 在网页中使用图像在网页中使用图像1在网页中显示图像在网页中显示图像 在浏览器上显示的图像必须满足特定的格式，目前在浏览器上显示的图像

26、必须满足特定的格式，目前使用的浏览器通常支持使用的浏览器通常支持GIF和和JPEG格式的图像。格式的图像。 在网页中加入图像所用的标签是在网页中加入图像所用的标签是，该标签的，该标签的主要属性有：主要属性有：src属性、属性、height属性、属性、width属性、属性、border属性、属性、alt属性属性 下面通过一个示例来说明下面通过一个示例来说明标记的使用方法。标记的使用方法。图像的文件名为图像的文件名为“cake.jpg”，它是当前目录下的子，它是当前目录下的子目录中的文件。其目录中的文件。其HTML源文件如下：源文件如下： 计算机网络导论 测试网页测试网页 生日快乐生日快乐 计算机

27、网络导论 顺便指出，如果在同一文件中需要反复使用一个相顺便指出，如果在同一文件中需要反复使用一个相同的图像文件时，最好在同的图像文件时，最好在标记中使用相对标记中使用相对URL，而不使用绝对而不使用绝对URL。 图8-16 标签功能示意图 计算机网络导论2将图像设置为锚标将图像设置为锚标 如果在超链接标签如果在超链接标签和和的中间放置一个的中间放置一个标签，则可生成一个图像锚标。例如：标签，则可生成一个图像锚标。例如： 2.5 框架页面框架页面 框架能够将浏览器窗口划分成数个相对独立的子窗框架能够将浏览器窗口划分成数个相对独立的子窗口，每个子窗口可以显示不同的页面。用框架划分屏口，每个子窗口可

28、以显示不同的页面。用框架划分屏幕空间可以优化页面的视觉效果，并可有效地提高屏幕空间可以优化页面的视觉效果，并可有效地提高屏幕利用率。幕利用率。 计算机网络导论与框架有关的与框架有关的HTML语法为语法为 其中其中可以在用可以在用户浏览器不支持框架结构时显示一些信息，以免用户户浏览器不支持框架结构时显示一些信息，以免用户对空白窗口不知所措。该标签是成对出现的，位于对空白窗口不知所措。该标签是成对出现的，位于和和之间的内容就是网之间的内容就是网页编辑者希望告诉用户的信息，例如页编辑者希望告诉用户的信息，例如“您的浏览器不您的浏览器不支持框架显示支持框架显示”等。等。 计算机网络导论 子窗口由子窗口

29、由指定，并且可以嵌套。将指定，并且可以嵌套。将在子窗口中显示在子窗口中显示HTML文档的文档的URL由由标签标签的的src属性决定。属性决定。2.6 表单表单2.6.1 标签标签 表单标签表单标签是成对出现的，位于是成对出现的，位于和和之间的内容就是一个表单。之间的内容就是一个表单。标签标签有有action和和method两个属性。两个属性。1action属性属性 该属性用于规定服务器方用于接收表单信息的程序该属性用于规定服务器方用于接收表单信息的程序文件名（包括路径）。文件名（包括路径）。 计算机网络导论 例如：表单例如：表单 被提交后，被提交后，Web服务器上的服务器上的“login.as

30、p”就将开始就将开始运行，以接收用户输入的信息。运行，以接收用户输入的信息。2method属性属性 该属性用于规定表单信息的传送方式，属性值可为该属性用于规定表单信息的传送方式，属性值可为post或或get，默认值为，默认值为get。 在在与与之间，可以使用除之间，可以使用除以外的任何以外的任何HTML标签，这一特点使得表单可以具有标签，这一特点使得表单可以具有非常丰富的格式。非常丰富的格式。 计算机网络导论 在在FORM的开始与结束标记之间，除了可以使用的开始与结束标记之间，除了可以使用以前介绍的那些标签外，还有三个特殊标签，即以前介绍的那些标签外，还有三个特殊标签，即INPUT（用于在浏览

31、器窗口中定义一个可以供用户输（用于在浏览器窗口中定义一个可以供用户输入的单行文本框、单选钮或复选框等等）、入的单行文本框、单选钮或复选框等等）、SELECT（ 用 于 在 浏 览 器 窗 口 中 定 义 一 个 列 表 框 ） 和（ 用 于 在 浏 览 器 窗 口 中 定 义 一 个 列 表 框 ） 和TEXTAREA（用于在浏览器窗口中定义多行文本框）。（用于在浏览器窗口中定义多行文本框）。2.6.2 2.6.2 标签标签 是表单中最常用的标签。它是一个单独使是表单中最常用的标签。它是一个单独使用的标签，必须嵌套于表单中，用于定义一个输入域。用的标签，必须嵌套于表单中，用于定义一个输入域。通

32、常在网页上所见到的文本框、按钮等都是由这个标通常在网页上所见到的文本框、按钮等都是由这个标记定义的。记定义的。 计算机网络导论下面是下面是INPUTINPUT标签的标准格式：标签的标准格式：INPUT type= 其中其中typetype属性用于指定该输入域的输入方式（如文本属性用于指定该输入域的输入方式（如文本框、单选钮或复选框等）。框、单选钮或复选框等）。1 1文字和密码输入文字和密码输入 图8-18 文字和密码示例 计算机网络导论属性属性name=name=“姓名姓名”，定义了文本框在这个表单中的名，定义了文本框在这个表单中的名字叫字叫“姓名姓名”。当用户在这个文本框中输入信息并送。当用

33、户在这个文本框中输入信息并送到到WebWeb服务器后就激活了相应的程序。服务器后就激活了相应的程序。属性属性value=value=“HTTP:/HTTP:/”，表示该文本框的默认值为，表示该文本框的默认值为“HTTPHTTP：/”。对密码输入框而言，用户输入的任何字符，都将被显对密码输入框而言，用户输入的任何字符，都将被显示为示为“* *”。此外，有时还需要限制用户输入字符串的长度，此时此外，有时还需要限制用户输入字符串的长度，此时应设定应设定maxlengthmaxlength（最大长度）属性。例如，一般汉（最大长度）属性。例如，一般汉族人的姓名至多为四个汉字即族人的姓名至多为四个汉字即8

34、 8个半角字符，如个半角字符，如姓名：姓名：input type=text name= maxlength=8 计算机网络导论图8-19 单选钮和复选框用法示例“重选重选”按钮可执行按钮可执行“重置重置”操作，即当用户单击此按钮后，操作，即当用户单击此按钮后，表单中所有输入域中的信息将被重新设置为默认值，以便用户表单中所有输入域中的信息将被重新设置为默认值，以便用户重新输入信息。重新输入信息。重置按钮的格式为重置按钮的格式为input type= 计算机网络导论2.6.3 标签和标签和标签标签 标签必须嵌套于标签必须嵌套于标签中使用，用于定义列表标签中使用，用于定义列表框。框。标签必须成对使用

35、。而标签必须成对使用。而标签必须嵌套标签必须嵌套标签中使用，用于定义将出现在列表框中的内容。标签中使用，用于定义将出现在列表框中的内容。 在在标签中，如果包含标签中，如果包含multiplemultiple，则意味着列表框支，则意味着列表框支持同时选择多项的操作。而在默认情况下，只允许选择单项持同时选择多项的操作。而在默认情况下，只允许选择单项 在在标签中，如果包含标签中，如果包含selectedselected，则意味着该选项在，则意味着该选项在初始状态下是被选择的。初始状态下是被选择的。 图8-20 列表框用法示例 计算机网络导论2.7 表格表格 表格是表格是HTMLHTML文档中的重要元

36、素，它除具有一般表格的功能外，文档中的重要元素，它除具有一般表格的功能外，还经常被用于编排版面。还经常被用于编排版面。 图图8-218-21示意了一个简单的表格。该表格由三部分组成：标题示意了一个简单的表格。该表格由三部分组成：标题（CaptionCaption）、表头和表数据。其中，标题用于概述表格内容、）、表头和表数据。其中，标题用于概述表格内容、功能等，可视需要取舍；表头用于定义列标题，也可视需要取功能等，可视需要取舍；表头用于定义列标题，也可视需要取舍；表数据是表格的主要内容，一般是必须的。舍；表数据是表格的主要内容，一般是必须的。 在在HTMLHTML中，组成表格的小方格称为单元格（

37、中，组成表格的小方格称为单元格（CellCell）；用于分）；用于分割空间以构成表格的直线称为框线（割空间以构成表格的直线称为框线（BorderBorder）。）。 计算机网络导论表格示例计算机网络导论2.7.1 HTML表格的语法结构表格的语法结构与表格有关的许多标签都需要嵌套使用。一个单元格是通过与表格有关的许多标签都需要嵌套使用。一个单元格是通过标签、标签、标签和标签和（或（或）标签嵌套定义）标签嵌套定义的，其描述定位顺序是表、行和列。的，其描述定位顺序是表、行和列。学生基本情况表学生基本情况表姓名姓名性别性别出生日期出生日期 计算机网络导论2.7.2 与表格有关的标签与表格有关的标签1

38、标签标签 标签是表格的标识符，用于界定表格的范围。标签是表格的标识符，用于界定表格的范围。标签可以嵌套在标签可以嵌套在标签中，以构造表中表。标签中，以构造表中表。标签的主要属性有：标签的主要属性有：border属性、属性、cellspacing属性、属性、cellpadding属性和属性和width属性。属性。2标签标签 标签应成对出现。位于标签应成对出现。位于和和标签之间的内容为表格标题。标签之间的内容为表格标题。标签有两个可选属性：标签有两个可选属性：align和和valign。其中，。其中，align的值可为的值可为left、right或或center，；，；valign的值可为的值可为

39、top或或bottom。3标签标签标签是成对出现的标签，用于界定表格中的行。标签是成对出现的标签，用于界定表格中的行。标签有两个可选的属性：标签有两个可选的属性：align和和valign。 计算机网络导论4标签和标签和标签标签 标签和标签和标签都是用来定义单元格的，都是成对标签都是用来定义单元格的，都是成对出现的标签且应嵌套在出现的标签且应嵌套在标签内使用。这两个标签内几乎标签内使用。这两个标签内几乎可以包含所有的可以包含所有的HTML标签（包括标签（包括标签）。标签）。在默认情况下，在默认情况下，所界定的单元格中内容将被加粗显示。所界定的单元格中内容将被加粗显示。除此之外，除此之外，标签与

40、标签与标签的的属性、功能是完全相标签的的属性、功能是完全相同的。同的。 （或（或）标签还有两个属性，一个是）标签还有两个属性，一个是width属性；属性；另一个是另一个是height属性。属性。 此外，还可以用此外，还可以用（或（或）的）的rowspan属性、属性、colspan属性来定义复杂表格。属性来定义复杂表格。 计算机网络导论4标签和标签和标签标签 标签和标签和标签都是用来定义单元格的，都是成对标签都是用来定义单元格的，都是成对出现的标签且应嵌套在出现的标签且应嵌套在标签内使用。这两个标签内几乎标签内使用。这两个标签内几乎可以包含所有的可以包含所有的HTML标签（包括标签（包括标签）。

41、标签）。在默认情况下，在默认情况下，所界定的单元格中内容将被加粗显示。所界定的单元格中内容将被加粗显示。除此之外，除此之外，标签与标签与标签的的属性、功能是完全相标签的的属性、功能是完全相同的。同的。 （或（或）标签还有两个属性，一个是）标签还有两个属性，一个是width属性；属性；另一个是另一个是height属性。属性。 此外，还可以用此外，还可以用（或（或）的）的rowspan属性、属性、colspan属性来定义复杂表格。属性来定义复杂表格。 计算机网络导论3 级联样式表级联样式表CSS 级联样式表（级联样式表（Casding Style Sheet）简称）简称CSS，是以，是以HTML为

42、基础的语言，用于定义网页中内容的格式。其主要特点是，为基础的语言，用于定义网页中内容的格式。其主要特点是，可以独立地为网页中的各种对象定义格式，并可将一种格式可以独立地为网页中的各种对象定义格式，并可将一种格式用于多个网页。用于多个网页。 IE3.0和和NC4.0及以后的版本都支持及以后的版本都支持CSS。 CSS克服了克服了HTML文档内容与格式说明相混合的缺陷，且提文档内容与格式说明相混合的缺陷，且提供了远比供了远比HTML丰富的格式。此外在使用方法上，也比丰富的格式。此外在使用方法上，也比HTML灵活了许多。灵活了许多。 定义定义CSS样式时，不必考虑浏览器的兼容性。不支持样式时，不必考

43、虑浏览器的兼容性。不支持CSS的的浏览器能够自动忽略浏览器能够自动忽略CSS样式。样式。 计算机网络导论3.1 样式定义的语法规则样式定义的语法规则1选择符的定义方法选择符的定义方法 下面是一个下面是一个HTML文档的头部，其中通过文档的头部，其中通过CSS，对，对HTML标标签签和和的格式进行了修改。的格式进行了修改。CSS示例示例H1 color:redH2 color:green 位于位于和和之间的部分就是样式定义。其中：之间的部分就是样式定义。其中：H1和和H2称为选择符，称为选择符，color称为属性，称为属性，red、green则称为属性则称为属性值。值。 样式定义的一般格式如下：

44、样式定义的一般格式如下： 选择符选择符 属性：值；属性：值；属性：值；属性：值； 计算机网络导论2选择符的分类选择符的分类第一类选择符为第一类选择符为HTML标签名，如标签名，如P、BODY、A等。等。第二类选择符为类。可以使同一元素具有不同的格式。第二类选择符为类。可以使同一元素具有不同的格式。与元素相关联的，称为相关类选择符，反之称为独立类选择与元素相关联的，称为相关类选择符，反之称为独立类选择符。符。第三类选择符为第三类选择符为ID。其功能与独立类选择符相同，定义方法。其功能与独立类选择符相同，定义方法也类似。只是定义时，以也类似。只是定义时，以“#”而不是以而不是以“.”开始。开始。I

45、D选择符对选择符对JavaScript提供了较强的支持，如果不需编写浏提供了较强的支持，如果不需编写浏览器端脚本而只是用览器端脚本而只是用CSS指定格式，则应选择类选择符。指定格式，则应选择类选择符。3选择符的组合、继承和关联选择符的组合、继承和关联在定义选择符时，如果需要赋予某些操作符一些相同的属性在定义选择符时，如果需要赋予某些操作符一些相同的属性值，则可以进行组合声明。值，则可以进行组合声明。在文档中，选择符是可以嵌套的。在嵌套结构中，除另有定在文档中，选择符是可以嵌套的。在嵌套结构中，除另有定义的情况外，位于内层的选择符将自动继承外层选择符的格义的情况外，位于内层的选择符将自动继承外层

46、选择符的格式。式。 计算机网络导论当两个或多个选择符嵌套使用时，可能需要使嵌套结构中位当两个或多个选择符嵌套使用时，可能需要使嵌套结构中位于内层选择符中的内容具有某种特定的格式，这时可以对选于内层选择符中的内容具有某种特定的格式，这时可以对选择符进行关联定义。择符进行关联定义。增加关联格式说明前后的源文档在浏览器中的显示效果如图增加关联格式说明前后的源文档在浏览器中的显示效果如图所示。所示。 未关联选择符的嵌套效果 关联后选择符的嵌套效果 计算机网络导论3.2 样式表的定义模式样式表的定义模式在上面的举例中，样式定义是在在上面的举例中，样式定义是在标签中进行的。事标签中进行的。事实上，可以采用

47、若干种模式进行样式定义。实上，可以采用若干种模式进行样式定义。1在在HTML文档的头部定义样式文档的头部定义样式这就是前面举例中采用的模式，在此不赘述。这就是前面举例中采用的模式，在此不赘述。2在在HTML标签内定义样式标签内定义样式可以在可以在HTML标签内加入临时有效的样式，采用这种方式所定标签内加入临时有效的样式，采用这种方式所定义的样式不是永久有效的。义的样式不是永久有效的。3 3在独立的样式表文件中定义样式在独立的样式表文件中定义样式可以将样式定义存储在独立文件中。建立样式表文件后，就可以将样式定义存储在独立文件中。建立样式表文件后，就可以在多个可以在多个HTMLHTML文档中进行调

48、用。文档中进行调用。这种方法的最大优点是，可以十分便捷地对大量网页的格式这种方法的最大优点是，可以十分便捷地对大量网页的格式进行修改，只要这些网页调用了相同的样式表文件。进行修改，只要这些网页调用了相同的样式表文件。 计算机网络导论一个简单的样式表文件内容如下所示。一个简单的样式表文件内容如下所示。P font-family:华文隶书华文隶书 .d-center text-align:center如果上面样式表文件的文件名为如果上面样式表文件的文件名为sample.css，且与下列源文，且与下列源文档共处同一目录，则可以用链接方式或导入方式引用。档共处同一目录，则可以用链接方式或导入方式引用。

49、 链接方式：链接方式： 导入方式：导入方式： 计算机网络导论常用的常用的HTMLHTML标签标签标识标识HTMLHTML文件格式的结构：文件格式的结构：、 、 、设定文字格式：设定文字格式：、标识超级链接：标识超级链接：A HREF=“ 链接文本链接文本列表：列表： 表格：表格： /TR /TR实现与用户交互：实现与用户交互： 插入图片：插入图片：IMG SRC=IMG SRC=“文件名或文件名或URLURL”框架命令：框架命令： 计算机网络导论7.3.6 IE7.3.6 IE浏览器浏览器1.IE1.IE浏览器的配置浏览器的配置2.IE2.IE浏览器的基本操作浏览器的基本操作3.IE3.IE浏

50、览器的高级使用浏览器的高级使用计算机网络导论 Internet属性窗口计算机网络导论计算机网络导论计算机网络导论计算机网络导论计算机网络导论计算机网络导论 IE浏览器的高级属性设置浏览器的高级属性设置计算机网络导论7.4 7.4 电子邮件服务电子邮件服务7.4.1 7.4.1 概述概述电子邮件（电子邮件（E-mailE-mail）: :是是InternetInternet或计算机网络上的各用户或计算机网络上的各用户之间通过电子信件的形式进行通信的一种现代通信方式。之间通过电子信件的形式进行通信的一种现代通信方式。优势：优势： 传递迅速传递迅速 费用低廉费用低廉 能集多种信息于一封邮件能集多种信息于一封邮件 收发方便收发方便 同一邮件可同时发给多个接收者同一邮件可同时发给多个接收者计算机网络导论.2邮件系统的工作过程邮件系统的工作过程用户用户代理代理邮件邮件服务器服务器邮件邮件服务器服务器用户用户代理代理123456SMTPSMTPSMTPSMTPPOPPOP计算机网络导论.3电子邮件地址电子邮件地址用户名用户名 邮箱所在服务器的域名邮箱所在服务器的域名 .4电子邮件的