《网络编程技术》PPT课件.ppt
第第9章章 网络编程技术网络编程技术9 91 1 HTML基础基础9 92 2 ASP编程技术编程技术9 93 3 JAVA语言的网络程序设计语言的网络程序设计9 94 4 JSP编程技术编程技术9 95 5习题习题99 91 HTML 1 HTML 基础基础9 91 11 HTML 1 HTML 语言基础语言基础HTML(HyperTextMarkupLanguage)超超文文本本标标记记语语言言是是网网页页设设计计的的基基础础，源源于于标标准准通通用用标标志志语语言言SGML(StandardMarkupLanguage)。利利用用HTML语语言言编编写写的的Web网网页页，实实质质上上就就是是纯纯文文本本文文件件，可可用用任任何何文文本本编编辑辑器器阅阅读读和和编编辑辑。HTML文文档档通通过过标标记记（TAG）和和属属性性对对超超文文本本的的语语义义进进行行描描述述，这这些些TAG用用于于描描述述网网页页内内容容在在浏浏览览器器中中的的显显示示方方式式，产产生生所所需需的的各各种种效效果果。HTML作作为为一一种种标标记记语语言言，用用来来创创建建与与系系统统平平台台无无关关的的文文档档，即即任任何何可可以以运运行行浏浏览览器器的的计计算算机都能阅读并显示机都能阅读并显示HTML。HTML有以下用途：有以下用途：用标题、文本、表格、列表、照片等发布在线信息。用标题、文本、表格、列表、照片等发布在线信息。通过超文本链接，在鼠标点击时取得在线信息。通过超文本链接，在鼠标点击时取得在线信息。设计表格与远程服务通讯，查询信息、进行预订、订购产品设计表格与远程服务通讯，查询信息、进行预订、订购产品等。等。把样式表、视频剪辑、音频剪辑和其它应用程序包含在文档把样式表、视频剪辑、音频剪辑和其它应用程序包含在文档中。中。浏览器能够阅读的浏览器能够阅读的HTML文本包括如下两种类型的信息：文本包括如下两种类型的信息：标记信息：该部分信息用来控制文档内部的显示方式，并允标记信息：该部分信息用来控制文档内部的显示方式，并允许许WEB设计人员指定与其他文档的连接。设计人员指定与其他文档的连接。内容信息：该部分信息就是浏览器显示的文本、图形和声音内容信息：该部分信息就是浏览器显示的文本、图形和声音信息，简称为文件块。信息，简称为文件块。HTML文档是由标记和文件块组成的。下面简单介绍文档是由标记和文件块组成的。下面简单介绍HTML的使用。的使用。1HTML元素元素HTML文件所有的控制语句称为标记文件所有的控制语句称为标记(TAG)，元素，元素(Element)由标记和文件块组成。标记全部放在一由标记和文件块组成。标记全部放在一对尖括号之中，如对尖括号之中，如“”的形式。在的形式。在HTML中，中，典型的元素由三部分组成：起始标记、文件块和结典型的元素由三部分组成：起始标记、文件块和结束标记。格式为：束标记。格式为：受影响的文本受影响的文本元素的起始标记写作元素的起始标记写作，其中，其中ElementName为此元素的名称。元素结束标记为在为此元素的名称。元素结束标记为在元素名称前面加一斜杠，形如元素名称前面加一斜杠，形如。例如：例如：HTML的基本语法的基本语法对标记的使用有以下一些约定：对标记的使用有以下一些约定：（1）大多数标记都是成对出现的，称为）大多数标记都是成对出现的，称为“双标记双标记”，它由，它由“起始标记起始标记”和和“结束标记结束标记”两部分构成，两部分构成，而且必须成对使用。而且必须成对使用。例如：例如：和和为表的行标记，用于定义为表的行标记，用于定义数据行。数据行。和和为表的数据标记，用于定为表的数据标记，用于定义每行内单元格。义每行内单元格。也有少部分标记无尾标记，称为也有少部分标记无尾标记，称为“单标记单标记”或或“空空标记标记”。它们只需要单独使用就能完整地表达意思，。它们只需要单独使用就能完整地表达意思，最常见的单标签是最常见的单标签是表示强迫换行。表示强迫换行。（2）标记的字母可以大写，也可以小写，二者作）标记的字母可以大写，也可以小写，二者作用完全一样。因此说，用完全一样。因此说，与与效果是一效果是一样的。样的。（3）标记可以联合使用，也可以嵌套。）标记可以联合使用，也可以嵌套。2HTML元素的属性元素的属性HTML元素具有相关属性，可对这些属性赋予适元素具有相关属性，可对这些属性赋予适当的值，制作各种效果。一个元素可以具有多个属当的值，制作各种效果。一个元素可以具有多个属性，其属性名和属性值都必须出现在该起始标记结性，其属性名和属性值都必须出现在该起始标记结束符之前，彼此以空格隔开，各属性的顺序可以是束符之前，彼此以空格隔开，各属性的顺序可以是任意的，语法格式为：任意的，语法格式为：/标记标记属性值使用英文双引号或单引号括起来。当使用双属性值使用英文双引号或单引号括起来。当使用双引号时，属性值内可使用单引号，反之亦然。某些引号时，属性值内可使用单引号，反之亦然。某些情况下，情况下，HTML中也可以不使用引号指明属性值。中也可以不使用引号指明属性值。例如，下面的代码将例如，下面的代码将H1元素的元素的align属性设为属性设为center各属性之间无先后次序，属性也可省略各属性之间无先后次序，属性也可省略(即取默认即取默认值值)。应该注意，属性名也是不区分大小写的，同时属性应该注意，属性名也是不区分大小写的，同时属性值中只能包含字母、数字、连字符或者句点。值中只能包含字母、数字、连字符或者句点。3HTML文件的注释文件的注释HTML文件注释的基本格式如下：文件注释的基本格式如下：4HTML文件的基本结构文件的基本结构所有的所有的HTML文件的结构都可以划分成两个基本部文件的结构都可以划分成两个基本部分：文件头分：文件头和文件主体和文件主体它们可由它们可由三对标记构成：三对标记构成：头部信息头部信息文档主体，正文部分文档主体，正文部分1）文挡标记）文挡标记HTML文件以文件以开头，以开头，以结尾。格式为：结尾。格式为：HTML文档内容文档内容处于文档的最前面，表示处于文档的最前面，表示HTML文档的开始，即文档的开始，即浏览器从浏览器从开始解释，直到遇到开始解释，直到遇到为止。为止。2）文件头标记）文件头标记HTML文件头标记的格式为：文件头标记的格式为：头部信息头部信息本标记在本标记在HTML文件中不是必须的，如果没有，浏览器也文件中不是必须的，如果没有，浏览器也会照常解读文件。会照常解读文件。文件头部在文件头部在之后，在开始标记之后，在开始标记和结束标和结束标记记间定义。其内容可以是标题，文本文件地址、间定义。其内容可以是标题，文本文件地址、创作信息等网页信息说明，对应于相应的标记有：标题创作信息等网页信息说明，对应于相应的标记有：标题、基地址、基地址、下一个标识、下一个标识、索、索引文件引文件、相关资料、相关资料。标题标题(Title)：给出文件的总标题，格式如下：给出文件的总标题，格式如下：标题标题一对一对标签用于显示标签用于显示Web页面的总标题。通常页面的总标题。通常Web浏览器把总标题显示在一个特殊的区域内。例如浏览器把总标题显示在一个特殊的区域内。例如Netscape把总标题显示在窗口顶端标题栏内。把总标题显示在窗口顶端标题栏内。基地址基地址(BASE)：该元素用来指定涉及整个：该元素用来指定涉及整个HTML文件各文件各部分链接路径的起点。如果需要，必须在文件头部说明。部分链接路径的起点。如果需要，必须在文件头部说明。例如：例如：(BASEHREF=http:/)下一个标识下一个标识(NEXTID)当文本编辑器要给带有特定编号当文本编辑器要给带有特定编号(ID)的页面进行标记时，的页面进行标记时，根据根据NEXTID元素给出下一个页的元素给出下一个页的ID的值，表示下一个标的值，表示下一个标识，这里的属性识，这里的属性“N=”向编辑器表明自己的编号。向编辑器表明自己的编号。索引文件索引文件(INDEX)：说明该文件是用户可以检索的索引：说明该文件是用户可以检索的索引文件。它告诉浏览器该文件可以检索。但服务器必须提供文件。它告诉浏览器该文件可以检索。但服务器必须提供检索功能，否则，不起作用。检索功能，否则，不起作用。相关资料元素相关资料元素(META)：该元素用来说明与文本：该元素用来说明与文本有关的资料信息，包括资料名称有关的资料信息，包括资料名称(NAME)和内容说和内容说明明(CONTENT)两个字段。两个字段。大部分头部元素可以省略。大部分头部元素可以省略。例例9.1：设计网页。标题为：设计网页。标题为：xample；网页显示；网页显示文字内容为：没有使用文字内容为：没有使用head标记，而单独使用标记，而单独使用title标记仍起作用。标记仍起作用。xample没有使用没有使用<head>标记，而单独使用标记，而单独使用<title>标记仍起作用标记仍起作用例题中用到几个特殊的符号例题中用到几个特殊的符号“<；”和和“>；”，它，它们在网页中分别显示们在网页中分别显示“”和和“”。因为浏览器解释。因为浏览器解释HTML文件时，是根据文件时，是根据“”与与“”来识别标记的，来识别标记的，然后再确定这两个符号中的内容是否为然后再确定这两个符号中的内容是否为HTML文件文件标记。若是，则按其规则解读。所以，要在网页中标记。若是，则按其规则解读。所以，要在网页中显示显示“”和和“”，就要使用特殊字符。其他常用的，就要使用特殊字符。其他常用的特殊符号见表特殊符号见表1所示所示单击此处编辑母版标题样式单击此处编辑母版标题样式单击此处编辑母版副标题样式单击此处编辑母版副标题样式表表9.1特殊替换字符特殊替换字符特殊符号特殊符号 所替代的字符所替代的字符说明说明&特殊字符的开始特殊字符的开始；特殊组符的结束特殊组符的结束Lt大于号大于号Quot双引号双引号3）文件主体标记）文件主体标记文件主体标记一般不省略，位于头部之后，它是文件主体标记一般不省略，位于头部之后，它是HTML文文档的最主要部分，超文本的其他语句几乎都是写在主体部档的最主要部分，超文本的其他语句几乎都是写在主体部分中。主体元素还可以包含各种参数部分。格式如下：分中。主体元素还可以包含各种参数部分。格式如下：background=文件名文件名text=颜色值颜色值link=颜色值颜色值vlink=颜色值颜色值alink=颜色值颜色值BODY的属性定义为的属性定义为BACKGROUND、BGCOLOR、TEXT、LINK、VLINK和和ALINK，用来设定背景图象、背，用来设定背景图象、背景颜色、前台文字颜色及超文本连接颜色。景颜色、前台文字颜色及超文本连接颜色。LINK设定未阅设定未阅读过的超文本连接颜色读过的超文本连接颜色,缺省值是蓝色。缺省值是蓝色。VLINK设定阅读过设定阅读过的超文本连接颜色的超文本连接颜色,缺省值是紫色缺省值是紫色,ALINK设定动作中的超文设定动作中的超文本连接颜色本连接颜色,缺省值是紫色。缺省值是紫色。不设置时取相应属性的默认值。颜色可以用相应英不设置时取相应属性的默认值。颜色可以用相应英文单词或以文单词或以“”引导的一个十六进制数代码来表引导的一个十六进制数代码来表示，见表示，见表9.2所示所示表9.2颜色代码表颜色名颜色英文名十六进制代码颜色名颜色英文名十六进制代码黑色Black#000000粉红色Pink#FFC0CB蓝色Blue#0000FF红色Red#FF0000棕色Brown#A52A2A白色White#FFFFFF青色Cyan#00FFFF黄绿色Yellow#FFFF00灰色Gray#808080深红色Crimson#CD061F绿色Green#008000黄绿色Greenyellow#0B6FFF乳白色Ivory#FFFFF0水蓝色Dodgerblue#0B6EFF桔黄色Orange#FFA500淡紫色Lavender#DBDBF84)设置标题格式设置标题格式在页面中，标题是一段文字内容的核心，可以通过在页面中，标题是一段文字内容的核心，可以通过设置字体大小不同的标题，为文章增加条理。与用设置字体大小不同的标题，为文章增加条理。与用定义的网页标题不同，定义的网页标题不同，标题格式显示在浏览器窗口内，而不是显示在浏览标题格式显示在浏览器窗口内，而不是显示在浏览器的标题栏中中。格式为：器的标题栏中中。格式为：标题标题属性属性align用来设置文字的对齐方式：用来设置文字的对齐方式：left（左对齐）（左对齐）、center（居中）、（居中）、right（右对齐）。（右对齐）。属性属性n用来指定标题文字的大小。用来指定标题文字的大小。N取取1到到6的整数的整数值，取值，取1时文字最大，缺省时是时文字最大，缺省时是。在一个标题。在一个标题行中无法使用大小不同的字体。行中无法使用大小不同的字体。）强制换行标记）强制换行标记格式为：文字格式为：文字浏览器解释时，从该处换行。这是一个单标记。浏览器解释时，从该处换行。这是一个单标记。）设置文字格式）设置文字格式标记标记。标记可设定文字的字体、标记可设定文字的字体、字号和颜色。格式为：字号和颜色。格式为：被设置被设置的文字的文字size用来设置文字的大小。数字的取值从用来设置文字的大小。数字的取值从，size取取1时最小，取时最小，取7时最大。时最大。face用来设置文字的字体。字体名可以为：宋用来设置文字的字体。字体名可以为：宋体、楷体、黑体等汉字字体；也可以为体、楷体、黑体等汉字字体；也可以为TimeNewRoman等约等约种字体。这里的字体名其实就是在种字体。这里的字体名其实就是在ord的的“字体字体”工具栏中显示的字体名字。工具栏中显示的字体名字。color用来设置文字的颜色，颜色的取值与用来设置文字的颜色，颜色的取值与的取值方法相同。当的取值方法相同。当与与标记同时对文字颜色进行定义时，标记同时对文字颜色进行定义时，标标记优先。记优先。设置字型：字型就是文字的风格，如加粗、斜体、设置字型：字型就是文字的风格，如加粗、斜体、带下划线、上标、下标等。字型的控制标记见表带下划线、上标、下标等。字型的控制标记见表9.3所示。所示。标记格式字体结果标记格式字体结果文字黑体文字斜体文字带下划线文字标准打印机字体文字带删除线文字下标文字上标文字大字体文本文字小字体文本表表9.3设置各种字型的标记设置各种字型的标记例例9.2：在网页上设置文字格式：在网页上设置文字格式设置文字格式设置文字格式今天天气真好今天天气真好显示红色黑体显示红色黑体3号字号字正常字显示正常字显示带下划线显示带下划线显示7）排）排版版排版使用段落的成对标记排版使用段落的成对标记和和，和和之间包含之间包含的一段文字为一个段落。标记的一段文字为一个段落。标记的参数的参数align表示整个段表示整个段落的对齐方式，落的对齐方式，与标题标记与标题标记的的align格式相同，格式相同，align的的可选参数有可选参数有left、center和和right，分别为左、中和右对齐。，分别为左、中和右对齐。中间对齐也可用成对标记中间对齐也可用成对标记完成。完成。例如：例如：HTML语句语句页面效果页面效果左对齐的段落左对齐的段落左对齐的段落左对齐的段落右对齐右对齐右对齐的段落右对齐的段落右对齐的右对齐的段落段落中间对齐的段落中间对齐的段落中间对齐的段落中间对齐的段落中间对齐的段落中间对齐的段落2中间对齐的段落中间对齐的段落2行缩进引用标记行缩进引用标记来表示缩进。一对来表示缩进。一对标记中的文字将向右缩进一段。标记中的文字将向右缩进一段。例如：例如：HTML语句语句页面效果页面效果第一层第一层第一层第一层第二层第二层第二层第二层第三层第三层第三层第三层第二层第二层第二层第二层第一层第一层第一层第一层下面是一个最简单的下面是一个最简单的Homepage源文件，页面效果源文件，页面效果参见图参见图9.1：例例9.3简单的主页实例简单的主页实例欢迎光临欢迎光临HTML世界。世界。html简单示例简单示例其乐无穷其乐无穷!欢迎学习使用欢迎学习使用HTML编制编制出自己的主页。编制编制出自己的主页。祝你成功！祝你成功！图图9.1HTML主页主页5加入超链接加入超链接通过前面的介绍就可以创建简单的通过前面的介绍就可以创建简单的HTML文档，文档，但当文本较复杂时常常需将一份文档与另一份文档但当文本较复杂时常常需将一份文档与另一份文档连接起来。连接起来。HTML的主要特性之一就是链接。要在的主要特性之一就是链接。要在Web页面中加入超链接，可按以下进行：页面中加入超链接，可按以下进行：(1)开始标记开始标记；(2)要链接的目标文档名；要链接的目标文档名；(3)要链接的文本（超文本）要链接的文本（超文本）(4)结束标记结束标记。要创建完整的链接标记，必须在开始标记要创建完整的链接标记，必须在开始标记中设中设置超文本引用置超文本引用(HREF)属性。属性。HREF描描述了点击该述了点击该链结后文档跳转的目的地。例如要创建一个指向文链结后文档跳转的目的地。例如要创建一个指向文档间的链接，可以使用以下链接档间的链接，可以使用以下链接微软公微软公司司要创建超链接，必须指明链接目标文件的存储位置，要创建超链接，必须指明链接目标文件的存储位置，如果目标文档与当前文档存储在同一计算机内，可如果目标文档与当前文档存储在同一计算机内，可以使用绝对（完全的）地址路径或相对地址路径指以使用绝对（完全的）地址路径或相对地址路径指明该文件的位置。如果使用绝对地址，必须在超链明该文件的位置。如果使用绝对地址，必须在超链接标记内写明目标文档的完整路径，绝对寻址方式接标记内写明目标文档的完整路径，绝对寻址方式的主要问题是移动文件困难，因为每次移动文档的的主要问题是移动文件困难，因为每次移动文档的存储位置后，都必须修正每一条绝对路径；而使用存储位置后，都必须修正每一条绝对路径；而使用相对寻址可以简化移动文件的过程。使用相对寻址相对寻址可以简化移动文件的过程。使用相对寻址方式，需要指明该文档相对与其他文档的位置。表方式，需要指明该文档相对与其他文档的位置。表9.4列出了相对寻址和绝对寻址的不同点。列出了相对寻址和绝对寻址的不同点。表9.4相对寻址和绝对寻址的不同点路径名寻址方式和绝对寻址的不同点index.html相对寻址。该超连接目标文件与源HTML文件在同一目录下temp/index.html相对寻址。该超连接目标文件放在当前目录的temp子目录下?index.html相对寻址。该超连接目标文件放在当前目录的上一级目录中c:tempindex.html绝对寻址。该超连接目标文件放在c盘驱动器的temp目录下在大多数情况下，应该使用相对寻址。相对寻址很容易把在大多数情况下，应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录，从一个驱动器拷全部文件从一个目录拷贝到另一个目录，从一个驱动器拷贝到另一个驱动器，或从一个平台拷贝到另一个平台。贝到另一个驱动器，或从一个平台拷贝到另一个平台。HTML允许定义文档内部的链接，允许定义文档内部的链接，例如例如Anchor1说说明明了了在在“Anchor1”前有一个跳转点。前有一个跳转点。用用GotoAnchor1则可跳转至则可跳转至Anchor1处。处。6图象及动画的嵌入图象及动画的嵌入1）图象的嵌入）图象的嵌入图象嵌入的标记为图象嵌入的标记为,其属性为其属性为Src，Alt，Align，Width，Height，Border，HSpace和和VSpace。Src指定嵌入图象的图象文件名。例如指定嵌入图象的图象文件名。例如src=images/Red_flag.gifAlt指定图象文件尚未装入时，代替图象显示的文字。指定图象文件尚未装入时，代替图象显示的文字。例如例如该该语句表示将在图象尚未装入时显示一个箭头。语句表示将在图象尚未装入时显示一个箭头。Width和和Height分别指定图象的宽和高。分别指定图象的宽和高。Border指定图象边框的宽度。指定图象边框的宽度。HSpace和和VSpace分别指定图象外水平和竖直留空的宽度。分别指定图象外水平和竖直留空的宽度。2)动画的嵌入动画的嵌入浏览器支持浏览器支持GIF格式的动画文件。只需生成这种动画文件，格式的动画文件。只需生成这种动画文件，和图象文件完全一样，和图象文件完全一样，嵌入嵌入HTML即可。可以用即可。可以用GifConstructor工具来生成这种动画文件。工具来生成这种动画文件。7.列表列表列表适合于罗列有关信息内容。列表项可以是段落、有格列表适合于罗列有关信息内容。列表项可以是段落、有格式文本或超媒体连接。列表可以嵌套式文本或超媒体连接。列表可以嵌套,显示时按层次缩进。显示时按层次缩进。列表可分为三种列表可分为三种:枚举式、编号式、定义式。枚举式、编号式、定义式。1）枚举式列表）枚举式列表枚举式列表使用成对标记枚举式列表使用成对标记UL和一个以上的和一个以上的LI语句语句来定义。列表项目以数字、字母顺序排列。每个来定义。列表项目以数字、字母顺序排列。每个LI标标示一项列表项。可以用示一项列表项。可以用TYPE属性定义属性定义UL和和LI元素的风格。元素的风格。显示时显示时,每个每个LI定义的项目前均有定义的项目前均有3个黑圆点作前导记号个黑圆点作前导记号。例例:ULLI.firstlistitemLI.secondlistitem./UL2）编号式列表）编号式列表编号式列表使用成对标记编号式列表使用成对标记OL和一个以上的和一个以上的LI语语句来定义。显示时每个句来定义。显示时每个LI定义的项目前均自动加有序定义的项目前均自动加有序列编号。例如列编号。例如:OLLI.firstlistitemLI.secondlistitem./OL3）定义式列表）定义式列表定义式列表使用成对标记定义式列表使用成对标记DL来定义，该列表分为两层。来定义，该列表分为两层。使用标记使用标记和和DD来定义层次。来定义层次。标记标示被定标记标示被定义的目的标题；义的目的标题；DD标记标示定义内容。显示时每个标记标示定义内容。显示时每个DT定义的列表项的下面，产生一段由定义的列表项的下面，产生一段由DD定义的说定义的说明文字。例如明文字。例如:DLDTtermnameDDtermdefinition./DL8.表格表格1）表格的属性）表格的属性表格是由成对标记表格是由成对标记来标识的。它的属性有对来标识的。它的属性有对齐方式齐方式align、表格宽度、表格宽度width、表格边界宽度、表格边界宽度border、表格中元素分隔线宽度、表格中元素分隔线宽度cellspacing和元素和元素与分隔线之间的距离与分隔线之间的距离cellpadding。属性。属性align的参数的参数为为left、right和和center；属性；属性width的参数为的参数为n和和n%、属性属性border、cellspacing和和cellpadding的参数均为的参数均为n。表格宽度表格宽度width是指该表格的宽度，若是数字是指该表格的宽度，若是数字n则表则表示表格绝对宽度为示表格绝对宽度为n个象素；而若是百分数个象素；而若是百分数n%，指，指表格的宽度为其所在窗口宽度的百分之表格的宽度为其所在窗口宽度的百分之n，例如：，例如：百分之百分之50。表格边界宽度。表格边界宽度border指表格的外部边界指表格的外部边界的宽度。的宽度。2）建立表格）建立表格建立表格的标记为成对标记建立表格的标记为成对标记、和和。标记标记说明表格的一行；说明表格的一行；说明表格的列标说明表格的列标题；题；说明表格的元素。其实列标题也是表格的说明表格的元素。其实列标题也是表格的元素，只是以标题字体显示元素，只是以标题字体显示而已。而已。表格行表格行的属性有的属性有align和和valign。属性。属性valign说明说明了表格行的元素的垂直对齐情况。属性了表格行的元素的垂直对齐情况。属性valign的参的参数有数有top、bottom、middle和和baseline。这里。这里top、bottom和和middle分别指的是元素顶对齐、底对齐、分别指的是元素顶对齐、底对齐、中间对齐，而中间对齐，而baseline指各元素按其第一行字的底指各元素按其第一行字的底线对齐。线对齐。9可点图可点图1）可点图类型）可点图类型可点图类型有两种，服务器端图和客户端图。服务可点图类型有两种，服务器端图和客户端图。服务器端图在作为链接的图象成对标记器端图在作为链接的图象成对标记中加入参中加入参数数ISMap即可。例如即可。例如建好图区域并命名后，建好图区域并命名后，还需在图象标记还需在图象标记中中引用参数引用参数usemap=#client。例如例如。2）建立图区域的工具）建立图区域的工具在建立图区域时，特别是图象较复杂时，大量的坐在建立图区域时，特别是图象较复杂时，大量的坐标容易出错。可使用网页制作工具来建立图区域。标容易出错。可使用网页制作工具来建立图区域。例如例如FrontPage等。等。10表单表单(FORM)（1）表单的基本属性）表单的基本属性表单使用成对标记表单使用成对标记和和来定义，属性包括来定义，属性包括ACTION、METHOD、ENCTYPE。动作属性。动作属性action为递为递送信息的表单指定的送信息的表单指定的URL地址，地址，例如：例如：方式属性方式属性METHOD指明填表信息传输的方式，如何将表单指明填表信息传输的方式，如何将表单提交给服务器，有两种标准方式可选提交给服务器，有两种标准方式可选:GET（获得）和（获得）和POST(邮递），默认方式为邮递），默认方式为GET。GET将输入的信息转至将输入的信息转至ACTION所指定的所指定的URL位置作进一步处理位置作进一步处理,将表单中的参数将表单中的参数信息合成在信息合成在URL中，问号开头，使用中，问号开头，使用“&”号分割参数。号分割参数。例如，一个表单有一个例如，一个表单有一个http:/的的ACTION，并有，并有NAME为为UserfirstName的字段，在该字的字段，在该字段中输入的文件名为段中输入的文件名为Wenjian,则该表单将链接到则该表单将链接到http:/？UserfirstName=Wenjian的位置上。在服务器端的的位置上。在服务器端的mm.asp程序将截取问号之后的文本作为作为表单内容处理。程序将截取问号之后的文本作为作为表单内容处理。POST可将无限的信息发往可将无限的信息发往ACTION所指定的文件储存。其所指定的文件储存。其将传递的参数信息放置在将传递的参数信息放置在http协议的协议的request部分，在地址栏部分，在地址栏看不到表单的信息。两种方法各有优缺点。看不到表单的信息。两种方法各有优缺点。表单表单FORM的常用控件有输入（的常用控件有输入（INPUT）、列表框）、列表框（SELECT）和文本框（）和文本框（TEXTAREA）2）输入控件）输入控件输入标记输入标记INPUT包含很多类型：参见图包含很多类型：参见图9.2文本输入（text）密码输入（password）多选框（checkbox）单选框（radio）提交按钮（submit）复位按钮（resest）普通按钮（button）图画（image）隐藏项（hidden）?图9.2标记INPUT的输入类型每个标记每个标记均包含两个属性均包含两个属性TYPE和和NAME，属性，属性type定义了输入的类型，例如：定义了输入的类型，例如：TYPE=text/password/checkbox/radio/submit/reset/button/image/hidden；属性；属性NAME定义了该输入的名称，以便于接定义了该输入的名称，以便于接收信息的程序分辨各个参数，以及用于收信息的程序分辨各个参数，以及用于Javascript的引用；的引用；大多数包含大多数包含VALUE属性。属性。文本输入：文本输入：valueastring说明了文本的初值。说明了文本的初值。maxlength=n说明了文本的最大长度。说明了文本的最大长度。size=n说明文本条说明文本条的长度为的长度为n个字符。如果输入的文本长度大于文本条的长度，个字符。如果输入的文本长度大于文本条的长度，则文本自动滚动。则文本自动滚动。密码输入：同文本输入，但输入的文字皆显示为密码输入：同文本输入，但输入的文字皆显示为“*”。多选框：参数多选框：参数value=astring指明该多选框在提交时指明该多选框在提交时的值。参数的值。参数checked说明该多选框初始为选择态：说明该多选框初始为选择态：多选框提交时若被选择，则以多选框提交时若被选择，则以name=value（value缺省为缺省为on，即缺省为，即缺省为name=on）的方式提交，）的方式提交，否则被忽略，不提交。否则被忽略，不提交。单选框：基本同多选框。但是单选框需要分组，单选框：基本同多选框。但是单选框需要分组，name相同的分为一组，提交时以相同的分为一组，提交时以name=value（选（选中单选框的中单选框的value）的方式提交。）的方式提交。提交按钮：提交按钮：value=astring说说明明按按钮钮的的标标题。一个表单中可有若干个提交按钮。当某一个按题。一个表单中可有若干个提交按钮。当某一个按下后，该填表中的信息将提交给下后，该填表中的信息将提交给Form中中Action参数参数指定的文件（程序），若指定的文件（程序），若它有它有name参数，它将参参数，它将参与提交：与提交：name=value；否则，被忽略。；否则，被忽略。复位按钮：复位按钮：value=astring说明按钮的标题。说明按钮的标题。复位按钮不参与提交。复位按钮不参与提交。按按钮：钮：value=astring说明了按钮的标题。说明了按钮的标题。隐藏项：参数为隐藏项：参数为name和和value。不在屏幕上显示出来，通。不在屏幕上显示出来，通常与常与Javascript或动态生成或动态生成HTML有关。可以利用有关。可以利用Javascript修改它的修改它的value；动态生成；动态生成HTML的程序，也可以的程序，也可以保存某些参数。保存某些参数。图画：参数为图画：参数为alignsrc和和name。图画类似于一个。图画类似于一个submit按按钮，只是显示的是一个图画，在提交时鼠标点击的位置也钮，只是显示的是一个图画，在提交时鼠标点击的位置也以以name.x=n&name.y=n的方式一并提交服务器。的方式一并提交服务器。例如：生成文本输入框，宽为例如：生成文本输入框，宽为20个字符，字符数大于个字符，字符数大于20时，时，出现滚动条。出现滚动条。3）列表框）列表框列表框使用成对标记列表框使用成对标记来定义。属性来定义。属性NAME定义定义了列表框的名字，如同多选框的一样。了列表框的名字，如同多选框的一样。在在和和之间，成对标记之间，成对标记定定义了列表框的项。义了列表框的项。它的属性它的属性value=value1定义了当表单提交时，若列表框定义了当表单提交时，若列表框中该项被选中，提交的信息为中该项被选中，提交的信息为selectname=value1，selectname为列表框的名字。在为列表框的名字。在与与之间的文字即为该项在列表框中显示的文字。例如之间的文字即为该项在列表框中显示的文字。例如学生成绩查询学生成绩查询的另一属性的另一属性SELECTED指定列表框初始选择指定列表框初始选择该项。又例如该项。又例如学生成绩查询学生成绩查询以上是以上是HTML的部分内容，限于篇幅，不再详述。下面来的部分内容，限于篇幅，不再详述。下面来看看动态的看看动态的HTML，即，即DHTML。912DHTML语言基础语言基础动态超文本标记语言（动态超文本标记语言（DHTML）是在保持与现有）是在保持与现有HTML兼容的基础上扩展出来的几种新功能的总称。兼容的基础上扩展出来的几种新功能的总称。它将它将HTML标志与脚本语言组合起来，进行定位、利标志与脚本语言组合起来，进行定位、利用用CSS等操作文档的动态外观。其主要功能如下：等操作文档的动态外观。其主要功能如下：（1）定义分层结构，显示）定义分层结构，显示Web文档的所有部分；文档的所有部分；（2）通过增加和删除内容来修改结构）通过增加和删除内容来修改结构（3）监视和管理网页目录特征的方法）监视和管理网页目录特征的方法（4）提供网页上内容如何与用户互动以及相互影响的）提供网页上内容如何与用户互动以及相互影响的方法。方法。1998年万维网协会年万维网协会(WorldWideWebConsontium)制制定了一个与平台和语言无关的规范，即文档对象模块定了一个与平台和语言无关的规范，即文档对象模块DOM(DocumentObjectModel)。InternetExplorer动态动态HTML对象模块是对该规范的实施方对象模块是对该规范的实施方案，它能使开发人员能通过编程控制网页上的所有情况，案，它能使开发人员能通过编程控制网页上的所有情况，并可随时进行实质上的改变。并可随时进行实质上的改变。DOM将将HTML、CSS(层叠样层叠样式表式表)和脚本语言联合起来组成一个或多个人都能实现的互和脚本语言联合起来组成一个或多个人都能实现的互操作模型。操作模型。1DHTML对象模块的基本组件对象模块的基本组件DHTML对象模块由对象、属性、事件和方法构成，使开对象模块由对象、属性、事件和方法构成，使开发人员能通过编程控制网页上所有情况，并可随时进行实发人员能通过编程控制网页上所有情况，并可随时进行实质上的改变。质上的改变。1）对象）对象网页上网页上HTML中每个元素在动态对象模块中都表现为对中每个元素在动态对象模块中都表现为对象，例如图像、文本框等。对象模块是所有这些对象的分象，例如图像、文本框等。对象模块是所有这些对象的分层表示，最高层是当前网页的框架或者浏览器窗口。对象层表示，最高层是当前网页的框架或者浏览器窗口。对象命名后，通过脚本语言来引用它。命名后，通过脚本语言来引用它。2）属性）属性属性描述一个对象的信息。在属性描述一个对象的信息。在DHTML中对象的属性通过中对象的属性通过CSS来指定。来指定。3）事件）事件网页上每一个发生的动作，例如鼠标双击，都称为事件。网页上每一个发生的动作，例如鼠标双击，都称为事件。当网页事件发生时，接收事件的项会通知动态对象模块事当网页事件发生时，接收事件的项会通知动态对象模块事件发生，如果编制的脚本程序规定对事件的触发做出响应，件发生，如果编制的脚本程序规定对事件的触发做出响应，则执行该脚本。则执行该脚本。4）方法）方法方法描述了对于对象所采取的措施。例如，使窗口对象能方法描述了对于对象所采取的措施。例如，使窗口对象能打开新的浏览器的方法。打开新的浏览器的方法。5）对象及属性的实例）对象及属性的实例MiccrosoftInternetExplorer支持支持DHTML对象模块中的对对象模块中的对象、属性、事件和方法。如果使用脚本语言编程操纵网页象、属性、事件和方法。如果使用脚本语言编程操纵网页上的对象则可以控制网页的变化。下面介绍使文字移动的上的对象则可以控制网页的变化。下面介绍使文字移动的方法和多媒体页面显示的对象和属性。方法和多媒体页面显示的对象和属性。移动文字使用成对标记移动文字使用成对标记.，将要移动的文字放在该标记中，文字则会动起来。该标记将要移动的文字放在该标记中，文字则会动起来。该标记的属性有的属性有direction，bihavior，loop，scrolldelay，scrolldelay，Align，bgcolor，height，width和和Margins方向属性方向属性direction，可设置为，可设置为left,right；格式为；格式为#=left,right方式属性方式属性bihavior可设置
