7天学会网站建设-最快培训教程

1、友情提醒醒：如果果你还不不熟悉网网站建设设、美工工设计、内容优优化、网网站推广广的流程程，你可可以选择择发布悬悬赏任务务，欢迎迎wwww.522zhaanzhhangg.coom发布布任务获获得网络络高手的的全力协协助。7天学会会网站建建设专业教程程 编编 辑 人： 老万组织单位位： 52站站长 20100-8-111目 录录第1讲 Innterrnett和HTTML简简介 1 第第1课 Innterrnett概述1 一、Intternnet工工作原理理1 二、Intternnet发发展简史史1 三、Intternnet提提供的主主要服务务2 （一）电电子函件件22 （二二）文件件传输2 （三

2、三）电子子公告2 （四四）远程程登录3 （五五）网页页浏览3 第22课 与HTTML有有关的一一些术语语 3 一、统统一资源源定位器器URRL 33 二、超超文本标标记语言言HTTML33 三、超超文本传传输协议议HTTTP33 第33课 编辑和和运行HHTMLL文档的的环境 4 习题题4第2讲 HTTML语语言的语语法基础础及规则则 55第1课 基本本结构 5一、标签签5二、标签签6（一）标签6 （二二）标签签6三、标签签77四、基本本结构8第2课 文本本88一、标标签8二、标标签（ii=1，22，3，44，5，66）110三、标签签111四、标标签 112五、标签113六、字符符格式标标签

3、 14七、标签签155第3课 图像像 115一、SRRC属性性166二、确定定图像大大小的属属性16三、ALLIGNN属性116四、ALLT属性性177五、确定定图像过过距的属属性18六、BOORDEER属性性18七、ISSMAPP属性 19 习题题二19第3讲列列表、表表格和文文档的超超链接211 第11课 HTMML文档档中的列列表元素素21 一、无无序列表表211 二、排排序列表表222 三、目目录列表表233 四、菜菜单列表表244 五、描描述性列列表244 第22课 HTMML中的的表格元元素27 一、标签 27 （一一）boordeer属性性 227 （二二）wiidthh和hee

4、ighht属性性 277 （三三）allignn属性277 （四四）ceellsspaccingg属性299 （五五）ceellppadddingg属性299 二、标标签 30 （一一）ALLIGNN属性311 （二二）VAALIGGN属性性 331 三、标签签 333 （一一）ALLIGNN属性333 （二二）VAALIGGN属性性333 四、和标标签333 （一一）roowsppan属属性333 （二二）coolsppan属属性333 （三三）allignn属性355 （四四）vaaliggn属性性355 五、一一些仅在在IE中中有效的的标签和和属性336 （一一）和和标签签的bggcol

5、lor属属性36 （二二）和和标签签的baackggroooundd属性336 （三三）标标签的fframme属性性366 （四四）表格格的行分分组443 （五五）表格格的列分分组444 （六六）标标签的rrulees属性性477 第33课 文档的的超链接接522 一、不不同文档档之间的的跳转522 二、跳跳转到标标记位置置533 三、链链接地图图555 习题题三56第1讲 Innterrnett和HTTML简简介本讲概要要： IInteerneet概述述 与与HTMML有关关的一些些术语 编编辑和运运行HTTML文文档的环环境第1课 Innterrnett概述在这一课课中，我我们将介介绍In

6、nterrnett（因特特网，也也称国际际互联网网）的工工作原理理、发展展简史和和它提供供的主要要服务，让让读者对对Intternnet有有个大致致的了解解。一、Innterrnett 工作作原理所谓计算算机网络络，就是是将各自自独立的的电脑主主机（节节点）通通过通信信线路连连接而成成的信息息技 术术系统。Intternnet是是一种全全球范围围的基于于分组交交换原理理和TCCP/IIP协议议的计算算机网络络。它将将 信息息进行分分组（分分割为许许多小数数据包）后后以数据据包为单单位进行行传输。Intternnet在在进行信信息传输输时要完完成的任任务主要要有两项项：一是是正确分分割源文文件和

7、在在目的地地将同一一源文件件的数据据包准确确地重组组起来；二是将将数据包包准确地地送往目目的地。 Intternnet基基于TCCP协议议（传输输控制协协议）对对数据进进行分组组和重组组。TCCP协议议规定了了分割 数据和和重组数数据所要要遵循的的规则和和要进行行的操作作。在分分割数据据时，TTCP协协议将为为数据包包添 加加一些附附加信息息，让计计算机知知道哪些些数据包包来自于于同一个个源文件件，以及及这些数数据包在在文件中中的顺序序，从而而能在目目的地将将这些数数据包重重新组合合起来。数据在在Intternnet上上的传输输往往是是远距离离的，因因此在传传输过程程中是通通过路由由器一站站一

8、站转转接来实实现的。路由器器是一种种特殊的的计算机机，它会会检测数数据包的的目标地地址（目目标主机机的地址址），然然后决定定将该数数据包送送往何处处。IPP协议（网网际协议议）给IInteerneet中的的每一台台计算机机规定了了一个地地址IP地地址。IIP地址址的标准准格式（如如 2002.1103.1444.1001）由由四部分分组成，前前两部分分规定了了当前使使用网络络的管理理机构，第第三部分分规定了了当前使使用的网网络的地地址，最最后一部部分则规规定了当当前使用用的计算算机的地地址。二、Innterrnett发展简简史Inteerneet起源源于200世纪660年代代。当时时，美国国和

9、苏联联两个超超级大国国一直在在进行冷冷战，两两国储备备的核武武器足以以摧毁整整个地球球。美国国军方最最关心的的一件事事是：如如何能在在通讯设设备受到到核武器器袭击后后保持联联络?按按照美国国当时的的情况，所所有的命命令和指指示都是是由通讯讯总指挥挥部做出出的，它它一旦被被炮火摧摧毁，整整个美国国军队之之间的通通讯就陷陷入瘫痪痪状态，后后果不堪堪设想。“分组交交换”的思想想就是在在那时提提出的。在分组组交换的的通讯网网络中没没有总指指挥部，每每一结点点的地位位都是相相等的，它它们都能能发送和和接收信信息。这这样，如如果某个个结点被被敌军摧摧毁的话话，剩余余的结点点仍可以以完成通通讯联络络工作。1

10、9668年，基基于分组组交换原原理的计计算机网网络ARPPANEET建成成了，这这就是最最初的IInteerneet。 之后，AARPAANETT的应用用由军事事领域延延伸到教教育领域域，科学学家们开开始使用用ARPPANEET交换换信息，共共享研究究成果。19883年，TTCP/IP协协议的建建立，使使计算机机通信有有了统一一的标准准，这是是计算机机网络发发展史上上的一个个里程碑碑，网络络从此进进入高速速发展的的时代。到了119844年，连连在ARRPANNET上上的主机机数已超超过10000台台。19986年年，美国国国家科科学基金金会NSSF（NNatiionaalScciennce F

11、ouundaatioon）建建立了自自己的计计算机网网络，以以满足科科学研究究的需要要。 NNSFNNET很很快超过过了ANNPANNET而而成为最最大的计计算机网网络。119877年，连连在NSSFNEET上的的主机数数已达到到10000台，计计算机网网络开始始在民用用领域内内大有作作为。到到了19989年年，连在在网络上上的主机机数达到到10万万台，119922年达到到1000万台。 随着计计算机和和通信事事业的飞飞速发展展，计算算机网络络由过去去的军事事和教育育专用网网络发展展成为无无所不包包，无所所不能的的国际互互联网络络Intternnet。我们可可以在IInteerneet上查查找

12、资料料、做广广告、发发布信息息、通信信、发传传真甚至至交谈和和举行会会议。IInteerneet已经经成为与与我们的的生活和和工作密密切相关关的一部部分了。三、Innterrnett提供的的主要服服务 Intternnet提提供的服服务主要要有 EE-maail、FTPP、BBBS、TTelnnet和和WWWW五种。 （一）电电子函件件 电子函函件（EE-maail）可可以简单单地理解解成为通通过Innterrnett发送和和接收的的邮件，不不过这种种邮件必必须是存存储在计计算机内内的文档档或程序序。和普普通邮件件一样，发发送电子子函件也也必须有有邮件地地址，它它的格式式为：接接收用户户名目目

13、标主机机名，如如wuyyutiinghottmaiil.ccom。电子函函件具有有速度快快，价格格低廉等等优点，是是Intternnet上上应用极极为广泛泛的一项项功能。我国使使用Innterrnett就是从从19887年钱钱天白教教授发出出第一封封电子函函件“越过长长城，通通向世界界”开始的的。 （二）文文件传输输 FTPP，（FFilee Trranssporrt PProttocool）即即文件传传输协议议，用于于登录远远程主机机调用所所需要的的文件，并并将它传传到自己己的计算算机上。FTPP的使用用格式为为：FTTP目标标主机的的IP地地址（或或域名），如如FTPP m。当使使用FTT

14、P命令令登录目目标主机机后，还还要输入入用户名名和密码码进行身身份验证证。非注注册用户户可以使使用通用用用户名名Anoonymmouss（匿名名者）并并用Guuestt或自己己的E-maiil地址址作为密密码。IInteerneet上的的大多数数主机都都提供文文件共享享服务，但但是给予予匿名用用户的权权限要低低于注册册用户。 （三）电电子公告告 BBSS（Buulleetinn Booardd Syysteem）即即电子公公告板系系统，用用户可以以在电子子公告板板上发布布信息和和进行讨讨论。这这有些类类似我们们平常使使用的留留言板。当一个个用户在在公告板板上发布布某条新新闻或询询问某个个问题后

15、后，其他他进入该该公告板板系统的的用户就就会看到到这些信信息并做做出回应应。登录录BBSS需要特特定的程程序，常常用的如如Netttemm，用户户只需要要在列表表中输入入想登录录的BBBS的IIP地址址（或域域名）及及相应的的端口号号即可。 （四）远远程登录录 计算机机用户可可以通过过Tellnett命令将将本地计计算机连连至远程程计算机机上来使使用远程程计算机机的程序序和数据据。Teelneet的命命令格式式为：TTelnnet远远程主机机的IPP地址（或或域名），如如Tellnettbbss.SjjtU.eduu.onn。当用用户想中中断与远远程计算算机的连连接时，可可以使用用Quiit或

16、CClosse命令令退出。 （五）网网页浏览览 网页浏浏览（WWWW）虽虽然是创创建最晚晚的一种种服务方方式，但但它便捷捷的操作作方式，丰丰富的信信息资源源使它迅迅速超过过FTPP、BBBS、TTelnnet甚甚至E-maiil而成成为Innterrnett应用最最为广泛泛的一项项功能。 WWWW采用客客户用/服务器器的工作作方式。程序和和数据等等信息存存放在WWeb（网网页）服服务器中中，用户户则在WWeb客客户机上上通过WWeb 浏览器器下载网网页，进进行浏览览和交互互操作（通通常简称称为测览览）。最最常用的的两种WWeb 浏览器器是Neetsccapee公司的的Nettscaape Na

17、vvigaatorr和微软软公司的的IE（IInteerneet EExplloreer）。用户在在使用这这两种WWeb 浏览器器浏览网网页时，只只需在地地址栏中中键入相相应的网网址即可可。第2课 与HHTMLL有关的的一些术术语一、统一一资源定定位器URRL URLL（Unnifoorm Ressourrce Loccatiion）即即统一资资源定位位器，它它指出了了文件在在Intternnet中中的位置置。URRL由协协议名、Webb服务器器地址、文件在在服务器器中的路路径（即即目录）和和文件名名四部分分构成。例如，hhttpp：/wwww.miicroosofft.ccom/inttl/

18、ccn/iindeex.hhtmll。 其中hhttpp：/是协议议名，表表示文件件的运行行是遵循循超文本本传输协协议的。wwww.miicroosofft.ccom是是Webb服务器器的地址址，/iintll/cnn是文件件所在的的目录，iindeex.hhtmll则是文文件名。二、超文文本标语语语言HTTML HTMML（HHypeerteext Marrkupp Laanguuagee）即超超文本标标记语言言，它是是一种用用于编写写超文本本文档的的标记语语言。自自从19990年年首次应应用于网网页编辑辑后，HHTMLL迅速崛崛起成为为网页编编辑的主主流语言言。几乎乎所有的的网页都都是由H

19、HTMLL或以其其他程序序语言嵌嵌套在HHTMLL中编写写的。HHTMLL并不是是一种程程序语言言而是一一种结构构语言，它它具有平平台无关关性。无无论用户户使用何何种操作作系统（WWinddowss、Doos、UUnixx等等），只只要有相相应的浏浏览器程程序，就就可以运运行HTTML文文档。三、超文文本传输输协议HTTTP 超文本本传输协协议规定定了浏览览器在运运行HTTML文文档时所所遵循的的规则和和要进行行的操作作。HTTTP协协议的制制定使测测览器在在运行超超文本文文档时有有了统一一的规则则和标准准，从而而大大增增强了网网页的适适用性。第3课 编辑辑和运行行HTMML文档档的环境境 我

20、们一一般采用用纯文本本文档编编辑器，如如Winndowws中的的记事本本或写字字板，DDos中中的文本本编辑器器Ediit等来来编辑HHTMLL文档，并并在保存存时将其其存为后后缀名为为.httm或.htmml的文文档。不不提倡使使用Woord、WPSS等字处处理软件件来编辑辑HTMML文档档，因为为这样会会导致格格式字符符出错。 HTMML文档档是运行行在Weeb浏览览器上的的，最常常用的两两种浏览览器是NNetsscappe公司司的Neetsccapee、Coommuuniccatoor和微微软公司司的IEE。在使使用这两两种浏览览器运行行HTMML文档档时，只只需在地地址栏中中键入文文件

21、的UURL即即可。如如果只键键入目标标服务器器的地址址，浏览览器将显显示目标标服务器器上的HHomeepappe（主主页），即即目标服服务器在在被用户户访问时时显示的的缺省文文档。习 题题 一一 一一、填空空题 1IInteerneet是一一种全球球范围的的基于原原理和协协议的计计算机网网络。它它是将信信息分组组后以数数据包为为单位进进行传输输的。 2IIP地址址的标准准格式由由四部分分组成，前前两部分分规定了了当前使使用网络络的，第第二部分分规定了了当前使使用的的的地址，最最后一部部分则规规定了当当前使用用的的地地址。 3FFTP的的非注册册用户可可以使用用通用用用户名登登录并用用或自己己的

22、E-maiil地址址作为密密码。 4即即统一资资源定位位器，由由、Weeb服务务器地址址、文件件在服务务器中的的路径和和四部分分构成。 5我我们一般般采用编编辑器，如如Winndowws中的的或写字字板、DDos中中的Eddit等等来编辑辑HTMML文档档。 二、简简答题 1简简述Innterrnett发展史史。 2IInteerneet提供供的服务务主要有有哪五种种?它们们各自的的功能是是什么? 3常常用的WWeb 浏览器器有哪两两种?它它们分别别是什么么公司生生产的?本讲难点： （1）Internet的工作原理； （2）统一资源定位器URL； （3）编辑HTML文档的环境。 本讲难难点：

23、（11）Innterrnett的工作作原理； （22）统一一资源定定位器UURL； （33）编辑辑HTMML文档档的环境境。第2讲 HTTML语语言的语语法基础础及规则则 本讲概概要： 元素素和标签签的涵义义 HTTML文文档的基基本结构构 HTTML文文档中的的文本标标签 HHTMLL文档中中的图像像标签 HTMML的主主要语法法是元素素和标签签。元素素是符合合DTDD（文档档类型定定义）的的文档组组成部分分，如ttitlle（文文档标题题）、IIMG（图图像）、tabble（表表格）等等等。元元素名不不区分大大小写。HTMML用标标签来规规定元素素的属性性和它在在文档中中的位置置。标签签分

24、单独独出现的的标签和和成对出出现的标标签两种种。大多多数标签签是成对对出现的的，由首首标签和和尾标签签组成。首标签签的格式式为，尾标标签的格格式为。成对标标签用于于规定元元素所含含的范围围，如和标签用用来界定定标题元元素的范范围，也也就是说说，和和之间间的部分分是该HHTMLL文档的的标题。单独标标签的格格式为，它它的作用用是在相相应的位位置插入入元素。如标标签表示示在该标标签所在在位置插插入一个个换行符符。本讲讲将介绍绍HTMML文档档的基本本结构以以及文本本部分和和图像部部分使用用的主要要标签，掌掌握这些些知识读读者便能能编辑一一些简单单的网页页。第1课 基 本 结结 构 了解HHTMLL

25、文档的的基本结结构前，我我们先认认识一下下组成HHTMLL文档的的各种标标签。 一、标标签 标签是是文档标标识符，它它是成对对出现的的，首标标签和尾尾标签分别位位于文档档的最前前面和最最后面，明明确地表表示文档档是以超超文本标标识语言言（HTTML）编编写的。该标签签不带任任何属性性。 事实上上，我们们现在常常用的WWeb浏浏览器（NNetsscappe和IIE）都都可以自自动识别别HTMML文档档，并不不要求有有标签，也也不对该该标签做做任何操操作。但但是，为为了提高高文档的的适用性性，使我我们编写写的HTTML文文档能适适应日新新月异的的Webb浏览器器，还是是应该养养成使用用这个标标签的

26、习习惯。 二、标标签 HEAAD是英英文“头”的意思思。习惯惯上我们们把HTTML文文档分为为文档头头和文档档主体两两部分。文档主主体部分分就是我我们在WWeb浏浏器窗口口的用户户区内看看到的内内容，而而文档头头部分用用来规定定该文档档的标题题（出现现在Weeb浏览览器窗口口的标题题栏中）和和文档的的一些属属性。HHTMLL文档的的标签是是可以嵌嵌套的，即即在一对对标签中中可以嵌嵌入另一一对子标标签，用用来规定定母标签签所含范范围的属属性或其其中某一一部分内内容，嵌嵌套在标标签中使使用的主主要有标签和和际签。 （一）标签 标签签是成对对出现的的，用以以规定HHTMLL文档的的标题。在和和之之间

27、的内内容将显显示在WWeb 浏览器器窗口的的标题栏栏中。例例： Thhis is a ttestt TIITLEE teext. HTMML iis nno rreall laanguuagee suuch as C+or Passcall，itt iss juust a ssysttem forr deescrribiing doccumeentss.A WWWW brrowsser intterpprett thhe HHTMLL- ccodee annd ddispplayy itt 在IEE4.00中显示示效果如如图2-1所示示。图2-11 IIE4.0显示示效果图图 （二）标标签 是

28、一个个单独标标签，它它用来规规定文档档的属性性，说明明该文档档是可以以按关键键字索引引的。下下面我们们通过一一个简单单的例子子来说明明该标签签的作用用。 这是是一个“ISIINDEEX”标签的的范例程程序。 HTMML iis aa sppeciial verrsioon oof SSGMLL（iss ussed by bigg coompaaniees ffor excchannge of datta）ffocuusedd onn Hyyperrtexxt. HTMML ccodee iss wrrittten in ASCCll.Thiis iis aa addvanntagges，bbe

29、caauseeASCCII cann bee reead by aboout anyy pllatfformm，thhus makkingg thhe WWWW usaablee foor aany plaatfoorm as lonngass viieweer pproggramms，tthe broowseers exiist 在IEE4.00中显示示效果如如图2-2所示示。图2-22 IISINNDEXX测试文文档 其中“可以搜搜索该索索引。请请键入要要搜索的的关键字字：”是IEE浏览器器自动加加上去的的。浏览览者在空空白文本本框条内内键入要要查询的的关键字字并按回回车确认认后，光光标将

30、移移至该关关键字或或包含该该关键字字的词处处。此时时，与关关键字相相匹配的的字符呈呈亮蓝色色。 三、标签 标签是是成对出出现的。在之之间的内内容将显显示在WWeb浏浏览器窗窗口的用用户区内内，它是是HTMML文档档的主体体部分。在标签签中可以以规定整整个文档档的一些些基本属属性：“BGGCOLLOR”。指定定HTMML文档档的背景景色。“TEEXT”。指定定HTMML文档档中文字字的颜色色。“LIINK”。指定定HTMML文档档中待连连接超链链接对象象的颜色色。“ALLINKK”。指定定HTMML文档档中连接接中超链链接对象象的颜色色。“VLLINKK”。指定定HTMML文档档中已连连接超链链

31、接对象象的颜色色。“BAACKGGROUUND”。指定定HTMML文档档的背景景文件。 在指定定对象的的颜色时时，可以以使用该该颜色的的代码或或直接使使用该颜颜色对应应的英文文单词，例例如，我们们指定HHTMLL文档的的背景色色为绿色色，可以以表示为为：，也可以表表示为。为为了便于于记忆，建建议读者者直接用用相应的的英文单词词指定颜颜色。BBodyy属性的的参数值值可以是是表2-1所示示16种种颜色中中的任何何一种。表2-11 文文档主体体部分的的可用颜颜色名 称称颜 色色名 称称颜 色色Blacck黑 色色Red红 色色Limee石灰色Marooon栗 色色Grayy灰 色色Silvver银

32、白色Navyy海军蓝Olivve橄榄绿Purpple紫 色色Yelllow黄 色色Aquaa浅蓝绿Bluee蓝 色色Greeen绿 色色Fuchhsiaa紫红色Whitte白 色色Teall暗蓝绿 四、基基本结构构一个HHTMLL文档的的基本结结构如下下：标志着着HTMML文档档开始文档标标题 文档的的主体部部分 标志着着HTMML文档档结束 与之之间的部部分是HHTMLL文档的的文档头头部分，用用以说明明文档的的标题和和整个文文档的一一些公共共属性。与之之间的部部分是HHTMLL文档的的主体部部分。我我们下面面介绍的的标签，如如不加特特别说明明，均是是嵌套在在这一对对标签中中使用的的。第2课

33、 文 本 HTMML文档档中，文文本也是是由一些些标签标标注和控控制的，本本课就介介绍这些些相关的的标签。 一、标签“BR”即Brreakk，是换换行标签签，它是是单独出出现的，作作用相当当于插入入一个回回车符。如果没没有换行行标签的的话，WWeb浏浏览器将将根据浏浏览器窗窗口的宽宽度尽可可能长地地显示文文本，而而不是按按照HTTML文文档中的的文本格格式显示示。例： Thiis IIs aa teest BR texxt.HTMLL iss noo reeal lannguaage succh aas CC+oor PPasccal，it iis jjustt a sysstemm foor

34、 ddesccribbingg doocummentts.A WWWW bbrowwserr innterrpreet ttheHTMLL-coode andd diispllay it在IE44.0中中显示效效果如图图2-33所示。图2-33 插插入标标签的文文档如果删去去所有的的标签签，在IIE4.0中显显示效果果如图22-4所所示。图2-44 删删去标标签的文文档 二、标标签（ii=1，22，3，44，5，66） 标签签是成对对出现的的，夹在在和之间间的文字字是HTTML文文档中的的标题。标题文文字都用用黑体显显示，上上级标题题总比下下面各级级标题要要更大些些、粗些些，具体体有多大大则因

35、浏浏览器的的不同而而不同。标签签共分六六级，其其中标签签所括起起的文字字是第一一级标题题，最大大最粗：标签签所括起起的文字字是最后后一级标标题，最最小最细细。例： Hi标签测测试文档档。 这是第第一级标标题。这是第第二级标标题。这是第第三级标标题。这是第第四级标标题。这是第第五级标标题。这是第第六级标标题。 在IEE4.00中显示示效果如如图2-5。 图22-5 文章章中标题题显示效效果图 从图22-5中中我们可可以看出出。标签签隐含有有换行标标签的作作用，文文本从下下一行开开始。标标签的属属性有CCOLOOR、AALIGGN，分分别标识识标题的的颜色和和位置。COLLOR属属性的参参数值取取

36、值范围围和标签签的属性性一样，可可以是116种颜颜色（详详见表22-1）中中的任意意一种。ALIIGN属属性的参参数值为为lefft、ccentter或或rigght之之一，分分别表示示标题位位于浏览览器窗口口的左侧侧、中间间和右侧侧。 三、标标签 P即pparaagraaph（段段落），标标签用于于划分段段落，作作用是换换行并插插入一个个空白行行，它可可以单独独使用，也也可以成成对使用用。例： 这是是一个段段落标签签浏试文文档。 这表示示一个段段落结束束。 下面是是第二段段。 还是第第二段。 下面是是第三段段。 在IEE4.00中显示示效果如如图2-6所示示。图2-66 段段落标签签显示效效

37、果图 当和标签成成对使用用时，可可以添加加ALIIGN属属性，用用以标识识段落在在浏览器器中的位位置。AALIGGN属性性的参数数值为lleftt、ceenteer和rrighht之一一，分别别表示和和标签签所括起起的段落落位于浏浏览器窗窗口的左左侧、中中间和右右侧。例例： 这是是一个段段落位置置测试文文档。 段段落位于于左侧。 段落落位于中中间。段段落位于于右侧。在IE44.0中中显示效效果如图图2-77所示。图277 段段落标签签的位置置属性 四、标签 标签签是单独独使用的的标签。HR即即Horrizoontaal RRulee，它的的作用是是换行并并在该行行下画一一条水平平直线，直直线的

38、上上下两端端都会留留出一定定的空白白。标标签的属属性有：SIZZE、WWIDTTH和AALIGGN。 （1）SSIZEE属性。用以规规定水平平线的高高度，该该属性的的参数值值必须是是数字。 （2）WWIDTTH属性性。用以以规定水水平线的的宽度，该该属性的的参数值值可以是是数字（代代表字符符数）或或百分数数（占浏浏览器宽宽度的百百分比）。缺省时时，水平平线占据据整个浏浏览器窗窗口宽度度。 （3）AALIGGN属性性。当水水平线宽宽度小于于浏览器器窗口宽宽度时，使使用该属属性规定定水平线线在浏览览器窗口口的位置置。ALLIGNN属性的的参数值值为leeft、cennterr和riightt之一，

39、分分别表示示该水平平线位于于浏览器器窗口的的左侧、中间和和右侧。例： HRR标签测测试文档档 水平线线位于左左侧。 水平线线位于中中间。 水平线线位于右右侧。 在IEE4.00中显示示效果如如图2-8所示示。图2-88 水水平线标标签显示示效果图图 五、标签签 标标签是预预格式化化标签，它它是成对对出现的的。Weeb 浏浏览器按按编辑文文档时的的字符位位置将和标标签之间间的内容容忠实地地、一成成不变地地显示出出来。例例： PRRE标签签测试文文档 19992 Jannuarry on 15tth，tthe firrst linne mmodee brrowsser wass avaailaab

40、lee byy annonyymouus FFTP. 在IEE4.00中显示示效果如如图2-9所示示。 一般说说来，如如果不使使用预格格式化标标签，WWeb浏浏览器在在显示HHTMLL文档时时只保留留格式符符而忽略略原文档档中的回回车和空空格，并并根据需需要对原原文档的的字体、大小进进行调整整。上例例中如果果删去和这这对标签签，则在在IE44.0中中显示效效果如图图2-110所示示。图2-99 预预格式化化显示效效果图图2-110 非预格格式化显显示效果果图 六、字字符格式式标签 HTMML文档档的字符符格式标标签主要要有（BBoldd）、（IItallic）、和（UUndeerliinedd

41、）三种种，它们们都是成成对出现现的。运运行HTTML文文档时，和和之间间的内容容将显示示为黑体体文字，和和之间间的内容容将显示示为斜体体文字，和和之间间的内容容将显示示为带下下划线的的文字。例： 这是是格式化化字符测测试文档档 这是黑黑体文字字。 这是斜斜体文字字。 这是带带下划线线的文字字。 在IE44.0中中显示效效果如图图2-111所示示。图2-111 格式化化字符显显示效果果图七、标签签 标签签是地址址标签，它它是成对对出现的的，一般般放在文文档体的的首部或或尾部。和之之间的内内容一般般是有关关作者的的信息，包包括作者者的姓名名、身份份、地址址等等，在在Webb 浏览览器窗口口中用黑黑

42、体或斜斜体显示示。第3课 图 像 图像可可以使WWeb页页面更加加生动美美观、富富有生机机。Weeb浏览览器可以以显示JJPEGG和GIIF图像像。其中中GIFF图像最最多只能能使用2256种种颜色（即即只能保保存为88位颜色色），而而JPEEG格式式可保存存为244位，对对具有连连续色调调的图像像有最佳佳效果。不过，GGIF图图像虽然然在图像像质量上上不及JJPEGG图像，但但其所占占存储空空间小，下下载速度度快。因因此应视视不同情情况而决决定应使使用哪种种格式的的图像。对于徽徽标、公公司厂标标等在每每一主页页显示，要要求能快快速下载载并能在在低配置置的系统统中查询询的图像像。应采采用GII

43、F格式式，而对对于扫描描图片、艺术作作品这种种对显示示质量要要求很高高的图像像则应采采用JPPEG格格式。 在HTTML文文档中插插入图像像是通过过标标签来实实现的，该该标签共共有9个个属性，除除属性SSRC是是不可缺缺省的外外，其他他属性都都可选的的。 一、SSRC属属性 SRCC即Soourcce，该该属性用用于指出出被引用用的图像像文件所所在位置置。在第第1讲中中，我们们己经介介绍过，超超文本中中每一文文件在网网络中的的位置都都由一个个统一资资源定位位器（UURL）唯唯一标识识。SRRC属性性的参数数值就是是图像文文件的UURL，UURL的的表示方方法有绝绝对表示示法和相相对表示示法两种

44、种。 绝对表表示法范范例： 相对表表示法范范例： 注意：只有当当图像文文件和HHTMLL文档在在同一目目录下时时才能采采用相对对表示法法来标识识图像文文件的位位置。 二、确确定图像像大小的的属性 标标签用WWIDTTH和HHEIGGHT这这两个属属性来规规定图像像的大小小。其中中WIDDTH属属性用于于确定图图像的宽宽度，HHEIGGHT属属性用于于确定图图像的高高度。这这两个属属性的参参数值都都是数字字，表示示图像宽宽度（高高度）所所占的像像素点数数。缺省省时，WWeb原原始图像像文件的的大小和和浏览器器窗口的的大小自自动调整整图像的的显示尺尺寸。 三、AALIGGN属性性 ALGGN属性性

45、的参数数值为ttop、midddlee或boottoom之一一，分别别表示与与图像相相邻的文文字位于于图像的的左上方方、左面面中间和和右下方方。 下面我我们通过过一个简简单的范范例来说说明上述述几个属属性的显显示效果果： Ann exxampple of imaage HHapppy BBirtthdaay tto yyou!（JPPEG格格式） A fflicckliing andd brrillliannt sstarr!（GGIF格格式） 在IEE4.00中显示示效果如如图2-12所所示。图2-112 图像显显示效果果图四、ALLT属性性 用户在在浏览网网页时，常常常会为为了节省省时间或

46、或其他原原因而选选择不下下载图片片，加入入ALTT属性可可以在原原先显示示图片的的地方显显示一些些有关图图像的信信息。AALT属属性的参参数值就就是网页页编辑者者希望在在原来显显示图像像处出现现的文字字信息，一一般是图图像的名名称或简简要说明明。 当用户户选择关关闭下载载图像功功能时，WWeb 浏览器器会在原原来显示示图像处处显示一一幅缺省省图像和和ALTT属性的的参数值值。如果果没有AALT属属性，浏浏览器就就只显示示一幅缺缺省图像像，用户户无法从从中获得得有关原原图像的的任何信信息。现现在，国国内上网网速度慢慢，费用用偏高，许许多用户户都选择择不下载载图像以以加快速速度和节节约费用用。因此

47、此，最好好养成添添加ALLT属性性的习惯惯，让用用户了解解有关信息，给给用户更更大的选选择空间间。例： Ann exxampple of deffaullt iimagge HaPPPy Birrthdday to youu!（JJPEGG格式） A fllickklinng aand briilliiantt sttar!（GIIF格式式） 在IE44.0中中显示效效果如图图2-113所示示图2-113 关闭图图像功能能时显示示效果图图 五、确确定图像像边距的的属性 标标签用VVSPAACE和和HSPPACEE这两个个属性来来确定图图像与其其相邻对对象之间间的空白白大小。VSPPACEE属性

48、用用于指定定图像与与其垂直直方向上上相邻对对象之间间的距离离，HSSPACCE用于于指定图图像与其其水平方方向上相相邻对象象之间的的距离。这两个个属性的的参数值值都是数数字，表表示空出出距离的的像素点点数。 六、BBORDDER属属性 Webb 浏览览器在调调用图像像时会根根据浏览览器窗口口和原始始图像大大小的不不同给图图像加上上不同宽宽度的边边框。网网页编辑辑者可以以利用BBORDDER属属性来指指定图像像过框的的宽度或或取消边边框（BBORDDER=O）。BORRDERR属性的的参数值值也是数数字，表表示边框框宽度所所占的像像素点数数。例： Ann exxampple of imaage

49、Happpy Birrthdday to youu!（JJPEGG格式） A fflicckliing annd briilliiantt sstarr!（GGIF格格式）在IE44.0中中显示效效果如图图2-114所示示。图2-114 图像边边框显示示效果图图 七、IISMAAP属性性 这一属属性与文文档的超超链接有有关，我我们将它它放到下下一讲“列表、表格和和文档的的超链接接”中讲解解。习 题题 二二 一、填填空题 1标标签是HHTMLL中的主主要语法法，分标标签和标标签两种种。大多多数标签签是出现现的，由由标签和和标签组组成。 2我我们把HHTMLL文档分分为和两两部分。部分就就是我们们

50、在Weeb浏览览器窗口口的用户户区内看看到的内内容，而而部分用用来规定定该文档档的标题题（出现现在Weeb 浏浏览器窗窗口的标标题栏中中）和文文档的一一些属性性。 3标标签中的的BGCCOLOOR属性性用于指指定HTTML文文档的，TTEXTT属性用用于指定定HTMML文档档中的颜颜色，属属性用于于指定HHTMLL文档的的背景文文件。 4当当和标标签使用用时，可可以添加加ALIIGN属属性，用用以标识识段落在在浏览器器中的。ALIIGN属属性的参参数值为为、和之之一，分分别表示示标签签所括起起的段落落位于浏浏览器窗窗口的左左侧、中中间和右右侧。 5运运行HTTML文文档时，和和之间间的内容容将

51、显示示为文字字，和之间的的内容将将显示为为文字，和和之间间的内容容将显示示为文字字。 6图图像标签签中的AALIGGN属性性的参数数值为ttop、midddlee或boottoom之一一，分别别表示与与图像相相邻的文文字位于于图像的的_、_和_。 二、简简答题 1简简述一个个HTMML文档档的基本本结构。 2用用HTMML语言言编写符符合以下下要求的的文档：标题为为“练习文文档”，在浏浏览器窗窗口用户户区内显显示“这是课课后习题题2的答答案”。 3常常用的图图像文件件格式有有哪两种种?它们们各自的的优点和和缺点是是什么? 4用用HTMML语言言编写符符合以下下要求的的文档：标题为为“An ex

52、aamplle oof iimagge”，在浏浏览器窗窗口中显显示“appple.giff”图像。图像的的宽度为为2000个像素素点，高高度为1150个个像素点点，边框框宽度为为10个个像素点点（“appple.giff”图像位位于C盘盘的immagee目录下下）。 本讲难点： （1）标签的作用； （2）字符格式标签的运用； （3）文件地址的绝对表示法和相对表示法； （4）图像标签的ALIGN属性； （5）图像标签的ALT属性。第3讲 列表表、表格格和文档档的超链链接 本讲概概要：HTMML文档档中的列列表元素素HTMML文档档中的表表格元素素文档的的超链接接第1课 HTTML 文档中中的列表

53、表元素 HTMML 文文档中使使用的列列表主要要有无序序列表、排序列列表、目目录列表表、菜单单列表和和描述性性列表。在本课课中我们们将一一一介绍这这五种列列表。一、无序序列表 在HTTML文文档中插插入无序序列表是是通过标签和和标签签来实现现的。“UL”即Unnorddereed LListt，是无无序列表表标签。标签签是成对对标签，首首标签和尾标标签之间的的内容就就是无序序列表的的内容。无序列列表中的的每一列列表项开开头必须须用标标签进行行标识。“LI”即 LListtCd ItCCth，是是项目标标签。t签签是单独独出现标标签，标标签后的的文字为为列表项项的内容容，直至至碰到下下一个项项目

54、标签签或列表表的尾标标签。WWeb浏浏览器在在显示无无序列表表时，会会在每一一列表项项的开头头加上无无序列表表的标记记符号。例如：这是无无序列表表的范例例程序 以下是是某杂货货店的目目录清单单：菜油、盐、味味精等调调味品冷饮和和汽水 针、线等小小物品热水瓶瓶、保温温杯、瓷瓷碗等日日用品 在IE44.0中中显示效效果如图图3-11所示。图3-11 无无序列表表显示效效果图 从图33-1中中我们可可以看出出，标签隐隐含有标签的的作用，WWeb浏浏览器在在显示列列表项时时会自动动换行。二、排序序列表 在 HHTMLL文档中中插入排排序列表表是通过过和标签来来实现的的。“LI”即 OOrdeeredd

55、 Liist，是是排序列列表标签签。标签是是成对出出现的，首首标签和尾标标签之间的的内容就就是排序序列表的的内容。排序列列表中的的每一列列表项也也必须用用标签进进行标识识。Weeb浏览览器在显显示排序序列表时时，会自自动对列列表进行行排序，并并在每一一列表项项开头加加上以阿阿拉伯数数字形式式表示的的序号。我们可可以在标签中中添加sstarrt属性性来指定定序列的的起始号号。缺省省时，序序列的起起始号为为1。例例如： 排排序列表表的范例例程序 这是是列表的的第 11项。这是列列表的第第2项。这是列列表的第第3项。 这是是列表的的第4项项。 这是列列表的第第9项。这是列列表的第第10项项。这是列列

56、表的第第11项项。这是列列表的第第12项项。在IE44.0中中显示效效果如图图3-22所示。图3-22 排排序列表表显示效效果图三、目录录列表 HTMML使用用和和标签签来定义义目录列列表。“DIRR”即 DDireectoory，是是目录列列表标签签。标签是是成对出出现的，首首标签和尾尾标签之之间的内内容就是是目录列列表的内内容。目目录列表表的列表表项开头头也必须须用项目目标签标识。一般说说来，目目录列表表项长度度较短，典典型的目目录列表表每项长长度不超超过200个字符符。例如如：目录列列表的范范例程序序A-FFG-KKL-PPQ-ZZ在IE44.0对对中显示示效果如如图3-3所示示。图3-

57、33 目目录列表表显示效效果图 从图33-3中中我们可可以看出出，目录录列表的的显示效效果和无无序列表表相同。四、菜单单列表 HTMML使用用和标标签来定定义菜单单列表。菜单列列表标签签是成对对标签，首首标签和和尾标签签之间间的内容容就是菜菜单列表表的内容容。菜单单列表每每一列表表项开头头也必须须用项目目标签进行标标识。一一般来说说，菜单单列表每每项的长长度不超超过一行行。 菜单列列表的显显示效果果与无序序列表基基本相同同，只不不过在排排列上更更为紧凑凑，参见见图3-1。五、描述述性列表表 HTMML使用用、和标标签来定定义描述述性列表表。“DL”即Deefinnitiion Lisst，是是

58、描述性性列表标标签。标签是是成对标标签，首首标签和尾标标签之间的的内容就就是描述述性列表表的内容容，由一一系列用用描述项项标签或解释释项标签签标识识的列表表项组成成。和和标签签都是单单独标签签，位于于列表项项的开头头，分别别表示该该项是描描述项和和解释项项。和标签一一样，和标标签也隐隐含有标签的的作用，WWeb浏浏览器在在显示时时会自动动换行。 和标签通通常是成成对出现现的，即即一个描描述项对对应于一一个解释释项。一一个描述述项也可可以对应应于几个个解释项项，但最最好不要要出现几几个描述述项对应应于同一一个解释释项的情情况。 在显示示时，解解释项的的内容会会自动缩缩进一定定的距离离，使列列表的

59、结结构更加加清晰。例如： 描述性性列表范范例程序序这是一一个描述述性列表表：日用杂杂品例如热热水瓶、脸盆等等等食品种种类鱼、肉肉和鸡青菜、萝卜和和豆腐桔子、苹果和和梨在IE44.0中中显示效效果如图图3-44所示。 图33-4 描述述性列表表显示效效果图 HTMML中的的列表是是可以嵌嵌套的，也也就是说说，一个个列表的的列表项项可以是是另一个个相同或或不同类类型的列列表。例例如： 列表表嵌套的的范例程程序一些常常见的水水果：苹果和和桔子香蕉和和草萄西瓜和和桃子这是列列表的第第二项一些常常见的肉肉类猪肉和和牛肉羊肉和和兔肉在IE44.0中中显示效效果如图图3-55所示。图3-55 嵌嵌套列表表显

60、示效效果图第2课 HTTML中中的表格格元素 表格是是HTMML文档档中一个个很重要要的元素素。在这这一课中中，我们们将介绍绍一下在在表格中中使用的一些主主要标签签。一、标标签 标签签是表格格的标识识符，用用以界定定表格的的范围。标签签是成对对出现标标签，首首标签和尾标标签之间的的内容就就是表格格的内容容。标标签的属属性主要要有boordeer、wwidtth、hheigght、aliign、celllappaciing和和celllpaaddiing，它它们都是是可选的的。 （一）bbordder属属性 borrderr属性的的参数值值是数字字，表示示表格边边框宽度度所占的的像素点点数； b