第 9 章网络编程技术

第9章网络编程技术 9．1 HTML 基础 9．2 ASP编程技术 9．3 JAVA语言的网络程序设计 9．4 JSP编程技术 9．5习题9

9．1 HTML 基础 9．1．1 HTML 语言基础 HTML(Hyper Text Markup Language)超文本标记语言是网页设计的基础，源于标准通用标志语言SGML(Standard Markup Language)。利用HTML语言编写的Web网页，实质上就是纯文本文件，可用任何文本编辑器阅读和编辑。HTML文档通过标记（TAG）和属性对超文本的语义进行描述，这些TAG用于描述网页内容在浏览器中的显示方式，产生所需的各种效果。HTML作为一种标记语言，用来创建与系统平台无关的文档，即任何可以运行浏览器的计算机都能阅读并显示HTML。

HTML有以下用途： ·用标题、文本、表格、列表、照片等发布在线信息。 ·通过超文本链接，在鼠标点击时取得在线信息。 ·设计表格与远程服务通讯，查询信息、进行预订、订购产品等。 ·把样式表、视频剪辑、音频剪辑和其它应用程序包含在文档中。浏览器能够阅读的HTML文本包括如下两种类型的信息： ·标记信息：该部分信息用来控制文档内部的显示方式，并允许WEB设计人员指定与其他文档的连接。 ·内容信息：该部分信息就是浏览器显示的文本、图形和声音信息，简称为文件块。 HTML文档是由标记和文件块组成的。下面简单介绍HTML的使用。

1．HTML元素 HTML文件所有的控制语句称为标记(TAG)，元素(Element) 由标记和文件块组成。标记全部放在一对尖括号之中，如“<…>”的形式。在HTML中，典型的元素由三部分组成：起始标记、文件块和结束标记。格式为： <标记> 受影响的文本 </标记> 元素的起始标记写作<ElementName>，其中ElementName为此元素的名称。元素结束标记为在元素名称前面加一斜杠，形如</ElementName>。例如： <head>HTML的基本语法</head> 对标记的使用有以下一些约定：

（1）大多数标记都是成对出现的，称为“双标记”，它由“起始标记”和“结束标记”两部分构成，而且必须成对使用。 （1）大多数标记都是成对出现的，称为“双标记”，它由“起始标记”和“结束标记”两部分构成，而且必须成对使用。例如：<TR>和</TR>为表的行标记，用于定义数据行。<TD>和</TD>为表的数据标记，用于定义每行内单元格。也有少部分标记无尾标记，称为“单标记”或“空标记”。它们只需要单独使用就能完整地表达意思，最常见的单标签是<BR>表示强迫换行。（2）标记的字母可以大写，也可以小写，二者作用完全一样。因此说，<head>与<HEAD>效果是一样的。（3）标记可以联合使用，也可以嵌套。

2．HTML元素的属性 HTML元素具有相关属性，可对这些属性赋予适当的值，制作各种效果。一个元素可以具有多个属性，其属性名和属性值都必须出现在该起始标记结束符之前，彼此以空格隔开，各属性的顺序可以是任意的，语法格式为： <标记属性1 属性2 属性3 …> …… </标记〉属性值使用英文双引号或单引号括起来。当使用双引号时，属性值内可使用单引号，反之亦然。某些情况下，HTML中也可以不使用引号指明属性值。例如，下面的代码将H1元素的align属性设为center <H1 align="center"></H1>

各属性之间无先后次序，属性也可省略(即取默认值)。各属性之间无先后次序，属性也可省略(即取默认值)。应该注意，属性名也是不区分大小写的，同时属性值中只能包含字母、数字、连字符或者句点。 3．HTML文件的注释 HTML文件注释的基本格式如下：

4．HTML文件的基本结构 所有的HTML文件的结构都可以划分成两个基本部分：文件头<HEAD>和文件主体<BODY>它们可由三对标记构成： <HTML> <HEAD> 头部信息 </HEAD> <BODY> 文档主体，正文部分 </BODY> </HTML>

1）文挡标记<HTML> HTML文件以<HTML>开头，以</HTML>结尾。格式为： <HTML> HTML文档内容 </HTML> <HTML>处于文档的最前面，表示HTML文档的开始，即浏览器从<HTML>开始解释，直到遇到</HTML>为止。 2）文件头标记 <HEAD> HTML文件头标记的格式为： <HEAD> 头部信息 </HEAD> 本标记在HTML文件中不是必须的，如果没有，浏览器也会照常解读文件。文件头部在<HTML>之后，在开始标记<HEAD>和结束标记</ HEAD >间定义。其内容可以是标题，文本文件地址、创作信息等网页信息说明，对应于相应的标记有：标题<TITLE>、基地址<BASE>、下一个标识 <NEXTID>、索引文件 <INDEX>、相关资料 <META>。

①标题 (Title)：给出文件的总标题，格式如下： <TITLE>标题</TITLE> 一对<TITLE>标签用于显示Web页面的总标题。通常Web浏览器把总标题显示在一个特殊的区域内。例如Netscape把总标题显示在窗口顶端标题栏内。 ②基地址 (BASE)：该元素用来指定涉及整个HTML文件各部分链接路径的起点。如果需要，必须在文件头部说明。例如：(BASEHREF= http://www.cs.edu.cn/) ③下一个标识 (NEXTID) 当文本编辑器要给带有特定编号(ID)的页面进行标记时，根据NEXTID元素给出下一个页的ID的值，表示下一个标识，这里的属性“N=”向编辑器表明自己的编号。 ④索引文件 (INDEX)：说明该文件是用户可以检索的索引文件。它告诉浏览器该文件可以检索。但服务器必须提供检索功能，否则，不起作用。

·⑤相关资料元素 (META)：该元素用来说明与文本有关的资料信息，包括资料名称 (NAME)和内容说明(CONTENT)两个字段。大部分头部元素可以省略。例9.1 ：设计网页。标题为：Ｅxample；网页显示文字内容为：没有使用〈head〉标记，而单独使用〈title〉标记仍起作用。 <html> <title> Ｅxample </title> <body>

　没有使用<head> 标记，而单独使用<title> 标记仍起作用 </body> </html> 例题中用到几个特殊的符号“&lt；”和“&gt；”，它们在网页中分别显示“〈”和“〉”。因为浏览器解释HTML文件时，是根据“〈”与“〉”来识别标记的，然后再确定这两个符号中的内容是否为HTML文件标记。若是，则按其规则解读。所以，要在网页中显示“〈”和“〉”，就要使用特殊字符。其他常用的特殊符号见表⒐1所示

表9.1 特殊替换字符

3）文件主体标记<BODY> 文件主体标记一般不省略，位于头部之后，它是HTML文档的最主要部分，超文本的其他语句几乎都是写在主体部分中。主体元素还可以包含各种参数部分。格式如下： < BODY >background=＂文件名＂text=＂颜色值＂link=＂颜色值＂vlink=＂颜色值＂alink=＂颜色值＂．．．．．． </ BODY > 〈 BODY〉的属性定义为 BACKGROUND、BGCOLOR、TEXT、LINK、VLINK和ALINK，用来设定背景图象、背景颜色、前台文字颜色及超文本连接颜色。 LINK设定未阅读过的超文本连接颜色,缺省值是蓝色。VLINK设定阅读过的超文本连接颜色,缺省值是紫色,ALINK设定动作中的超文本连接颜色,缺省值是紫色。

表9.2 颜色代码表 不设置时取相应属性的默认值。颜色可以用相应英文单词或以“＃”引导的一个十六进制数代码来表示，见表9.2所示

4)设置标题格式<Hn> 在页面中，标题是一段文字内容的核心，可以通过设置字体大小不同的标题，为文章增加条理。与用<TITLE>　．．．</TITLE>定义的网页标题不同，标题格式显示在浏览器窗口内，而不是显示在浏览器的标题栏中中。格式为： <Hn align=对齐方式> 标题　</Hn> 属性align用来设置文字的对齐方式：left（左对齐）、center（居中）、right（右对齐）。属性n用来指定标题文字的大小。N取1到6的整数值，取1时文字最大，缺省时是<h6>。在一个标题行中无法使用大小不同的字体。

５）强制换行标记<BR> 格式为：　文字<BR> 浏览器解释时，从该处换行。这是一个单标记。６）设置文字格式 ① 标记<FONT>。<FONT>标记可设定文字的字体、字号和颜色。格式为： <font size=数字 face=字体名 color=颜色>　被设置的文字　</font> size用来设置文字的大小。数字的取值从１～７，size取1时最小，取7时最大。 face用来设置文字的字体。字体名可以为：宋体、楷体、黑体等汉字字体；也可以为Time New Roman等约５０

种字体。这里的字体名其实就是在Ｗord的“字体”工具栏中显示的字体名字。种字体。这里的字体名其实就是在Ｗord的“字体”工具栏中显示的字体名字。 color用来设置文字的颜色，颜色的取值与<BODY text=颜色>的取值方法相同。当<body>与<font>标记同时对文字颜色进行定义时，<font>标记优先。 ②设置字型：字型就是文字的风格，如加粗、斜体、带下划线、上标、下标等。字型的控制标记见表9.3所示。

表 9.3 设置各种字型的标记

例9.2 ：在网页上设置文字格式 <html> <head> <title>设置文字格式</title> </head> <body> <h1>今天天气真好</h1> <font size=3 face=黑体 color=red>显示红色黑体3号字</font><br> 正常字显示<u>带下划线显示</u><br> </body> </html> 7）排版

排版使用段落的成对标记<P>和</P>，<P>和</P>之间包含的一段文字为一个段落。标记<P> 的参数align表示整个段落的对齐方式，与标题标记<Hn>的align格式相同，align的可选参数有left、center和right，分别为左、中和右对齐。中间对齐也可用成对标记<Center>完成。例如： HTML语句页面效果 <P align=left> 左对齐的段落</P> 左对齐的段落 <P align=right> 右对齐<br>右对齐的段落</P> 右对齐的段落 <P align=center>中间对齐的段落 </P> 中间对齐的段落<Center>中间对齐的段落 2</Center> 中间对齐的段落2

行缩进引用标记 <Blockquote> 来表示缩进。一对标记中的文字将向右缩进一段。例如： HTML语句页面效果第一层第一层<blockquote> 第二层第二层<blockquote>第三层第三层</blockquote>第二层第二层</blockquote>第一层第一层下面是一个最简单的Homepage源文件，页面效果参见图9.1：

例9.3 <HTML> <HEAD> <TITLE>简单的主页实例</TITLE> </HEAD> <!以上是文件头部> <BODY> <H1>欢迎光临HTML世界。</H1> html简单示例其乐无穷! <P> 欢迎学习使用HTML编制编制出自己的主页。<BR> 祝你成功！ </BODY> <！以上是主体部分> </HTML> <!这是文件的结束标签>

图9.1 HTML主页

5．加入超链接 通过前面的介绍就可以创建简单的HTML文档，但当文本较复杂时常常需将一份文档与另一份文档连接起来。HTML的主要特性之一就是链接。要在Web页面中加入超链接，可按以下进行： (1)开始标记<A>； (2)要链接的目标文档名； (3)要链接的文本（超文本） (4)结束标记</A>。要创建完整的链接标记，必须在开始标记<A>中设置超文本引用(HREF)属性。HREF描述了点击该链结后文档跳转的目的地。例如要创建一个指向文档间的链接，可以使用以下链接

<A HREF= “http://www.microsoft.com”>微软公司</A> 要创建超链接，必须指明链接目标文件的存储位置，如果目标文档与当前文档存储在同一计算机内，可以使用绝对（完全的）地址路径或相对地址路径指明该文件的位置。如果使用绝对地址，必须在超链接标记内写明目标文档的完整路径，绝对寻址方式的主要问题是移动文件困难，因为每次移动文档的存储位置后，都必须修正每一条绝对路径；而使用相对寻址可以简化移动文件的过程。使用相对寻址方式，需要指明该文档相对与其他文档的位置。表9.4列出了相对寻址和绝对寻址的不同点。

表9.4 相对寻址和绝对寻址的不同点路径名寻址方式和绝对寻址的不同点 index.html 相对寻址。该超连接目标文件与源 HTML文件在同一目录下 temp/index.html 相对寻址。该超连接目标文件放在当前目录的temp子目录下 ?index.html 相对寻址。该超连接目标文件放在当前目录的上一级目录中c:\temp\index.html 绝对寻址。该超连接目标文件放在c盘驱动器的temp目录下

在大多数情况下，应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录，从一个驱动器拷贝到另一个驱动器，或从一个平台拷贝到另一个平台。在大多数情况下，应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录，从一个驱动器拷贝到另一个驱动器，或从一个平台拷贝到另一个平台。 HTML允许定义文档内部的链接，例如 <A name=firstanchor></A> Anchor1 说明了在“Anchor 1”前有一个跳转点。用 <A href="#firstanchor"> Goto Anchor1 </a> 则可跳转至 Anchor1处。 6．图象及动画的嵌入 1）图象的嵌入图象嵌入的标记为<Img>,其属性为Src，Alt，Align，Width，Height，Border， HSpace和VSpace。 Src指定嵌入图象的图象文件名。例如 src=＂images/Red_flag.gif＂ Alt指定图象文件尚未装入时，代替图象显示的文字。

例如< img src=＂images/ blue_arrow.gif＂ alt=＂→＂ > 该语句表示将在图象尚未装入时显示一个箭头。 Width和Height分别指定图象的宽和高。 Border指定图象边框的宽度。 HSpace和VSpace分别指定图象外水平和竖直留空的宽度。 2) 动画的嵌入浏览器支持GIF 格式的动画文件。只需生成这种动画文件，和图象文件完全一样，嵌入HTML即可。可以用Gif Constructor工具来生成这种动画文件。 7.列表列表适合于罗列有关信息内容。列表项可以是段落、有格式文本或超媒体连接。列表可以嵌套,显示时按层次缩进。列表可分为三种:枚举式、编号式、定义式。

1）枚举式列表 枚举式列表使用成对标记〈UL〉和一个以上的〈LI〉语句来定义。列表项目以数字、字母顺序排列。每个〈LI〉标示一项列表项。可以用TYPE属性定义UL和LI元素的风格。显示时,每个〈LI〉定义的项目前均有3个黑圆点作前导记号。例 : 〈UL〉〈LI〉...first list item 〈LI〉...second list item ... 〈/UL〉 2）编号式列表编号式列表使用成对标记〈 OL〉和一个以上的〈 LI〉语句来定义。显示时每个〈LI〉定义的项目前均自动加有序列编号。例如: 〈OL〉〈LI〉...first list item

〈LI〉...second list item ... 〈/OL〉 3）定义式列表定义式列表使用成对标记〈DL〉来定义，该列表分为两层。使用标记<DT>和〈DD〉来定义层次。<DT>标记标示被定义的目的标题；〈DD〉标记标示定义内容。显示时每个〈DT〉定义的列表项的下面，产生一段由〈DD〉定义的说明文字。例如: 〈DL〉〈DT〉term name 〈DD〉term definition ... 〈/DL〉 8. 表格

1）表格的属性 表格是由成对标记<table>来标识的。它的属性有对齐方式 align、表格宽度 width、表格边界宽度border、表格中元素分隔线宽度cellspacing和元素与分隔线之间的距离cellpadding。属性align的参数为left、right和center；属性width 的参数为 n和n%、属性border、cellspacing和cellpadding的参数均为n。表格宽度width是指该表格的宽度，若是数字n则表示表格绝对宽度为n个象素；而若是百分数n%，指表格的宽度为其所在窗口宽度的百分之n，例如：百分之50。表格边界宽度border指表格的外部边界的宽度。

2）建立表格 建立表格的标记为成对标记<tr>、 <th> 和<td>。标记 <tr> 说明表格的一行； <th> 说明表格的列标题；<td>说明表格的元素。其实列标题也是表格的元素，只是以标题字体显示而已。表格行<tr>的属性有align和valign。属性valign说明了表格行的元素的垂直对齐情况。属性valign的参数有top、bottom、middle和baseline。这里top、bottom和middle分别指的是元素顶对齐、底对齐、中间对齐，而baseline指各元素按其第一行字的底线对齐。 9．可点图 1）可点图类型

可点图类型有两种，服务器端图和客户端图。服务器端图在作为链接的图象成对标记 <img> 中加入参数 ISMap 即可。例如 <a href="http://www.npn.edu.cn"> <img src="images/campus.gif" ISMap> </a> 建好图区域并命名后，还需在图象标记 <img>中引用参数usemap=#client。例如 <img src="images/board.gif" usemap=#client>。 2）建立图区域的工具在建立图区域时，特别是图象较复杂时，大量的坐标容易出错。可使用网页制作工具来建立图区域。例如FrontPage等。

10．表单(FORM) （1）表单的基本属性表单使用成对标记<FORM >和</FORM>来定义，属性包括ACTION、 METHOD、 ENCTYPE。动作属性action为递送信息的表单指定的URL地址，例如：<FORM NAME="F1 ACTION"=http://www.pnp.edu.cn/asp/mm.asp> 方式属性METHOD指明填表信息传输的方式，如何将表单提交给服务器，有两种标准方式可选:GET（获得）和 POST(邮递），默认方式为GET。GET将输入的信息转至ACTION所指定的URL位置作进一步处理,将表单中的参数信息合成在URL中，问号开头，使用“&”号分割参数。例如，一个表单有一个http://www.pnp.edu.cn/asp/mm.asp

的ACTION，并有NAME为Userfirst Name的字段，在该字段中输入的文件名为Wenjian,则该表单将链接到 http://www.pnp.edu.cn/asp/mm.asp？Userfirst Name=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的输入类型

每个标记<input>均包含两个属性TYPE和NAME，属性type定义了输入的类型，例如：TYPE=text/password/checkbox/radio/submit/reset/button/image/hidden；属性NAME定义了该输入的名称，以便于接收信息的程序分辨各个参数，以及用于Javascript的引用；大多数包含VALUE属性。每个标记<input>均包含两个属性TYPE和NAME，属性type定义了输入的类型，例如：TYPE=text/password/checkbox/radio/submit/reset/button/image/hidden；属性NAME定义了该输入的名称，以便于接收信息的程序分辨各个参数，以及用于Javascript的引用；大多数包含VALUE属性。 ①文本输入：value＝＂a string＂说明了文本的初值。maxlength = n 说明了文本的最大长度。size =n说明文本条的长度为n个字符。如果输入的文本长度大于文本条的长度，则文本自动滚动。 ②密码输入：同文本输入，但输入的文字皆显示为“*”。 ③多选框：参数value=＂a string＂指明该多选框在提交时的值。参数checked说明该多选框初始为选择态：

多选框提交时若被选择，则以name=value（value缺省为＂on＂，即缺省为name=on）的方式提交，否则被忽略，不提交。 ④单选框：基本同多选框。但是单选框需要分组，name相同的分为一组，提交时以name=value（选中单选框的value）的方式提交。 ⑤提交按钮：value = ＂a string＂说明按钮的标题。一个表单中可有若干个提交按钮。当某一个按下后，该填表中的信息将提交给Form中Action参数指定的文件（程序），若它有name 参数，它将参与提交：name = value；否则，被忽略。 ⑥复位按钮：value =＂a string＂说明按钮的标题。复位按钮不参与提交。 ⑦按钮：value =＂a string＂说明了按钮的标题。

⑧隐藏项：参数为name和value。不在屏幕上显示出来，通常与 Javascript或动态生成 HTML有关。可以利用Javascript修改它的value；动态生成HTML的程序，也可以保存某些参数。 ⑨图画：参数为align src和name。图画类似于一个submit按钮，只是显示的是一个图画，在提交时鼠标点击的位置也以 "name.x=n&name.y=n"的方式一并提交服务器。例如：生成文本输入框，宽为20个字符，字符数大于20时，出现滚动条。 <INPUT NAME=＂a＂TYPE=＂text＂SIZE=＂20＂MAXLENGTH=＂50＂> 3）列表框列表框使用成对标记<SELECT>来定义。属性NAME定义了列表框的名字，如同多选框的一样。

在< SELECT>和</SELECT>之间，成对标记<OPTION>定义了列表框的项。它的属性value=＂value1＂定义了当表单提交时，若列表框中该项被选中，提交的信息为selectname =＂value1＂，selectname为列表框的名字。在<OPTION>与</OPTION>之间的文字即为该项在列表框中显示的文字。例如 < OPTION VALUE=＂PNP＂> 学生成绩查询</ OPTION > < OPTION > 的另一属性SELECTED指定列表框初始选择该项。又例如 < OPTION VALUE =＂PNP＂ SELECTED>学生成绩查询</ OPTION > 以上是HTML的部分内容，限于篇幅，不再详述。下面来看看动态的HTML，即DHTML。

9．1．2 DHTML语言基础 动态超文本标记语言（DHTML）是在保持与现有HTML兼容的基础上扩展出来的几种新功能的总称。它将HTML标志与脚本语言组合起来，进行定位、利用CSS等操作文档的动态外观。其主要功能如下：（1）定义分层结构，显示Web文档的所有部分；（2）通过增加和删除内容来修改结构（3）监视和管理网页目录特征的方法（4）提供网页上内容如何与用户互动以及相互影响的方法。 1998年万维网协会(World Wide Web Consontium)制定了一个与平台和语言无关的规范，即文档对象模块DOM(Document Object Model)。

Internet Explorer动态HTML对象模块是对该规范的实施方案，它能使开发人员能通过编程控制网页上的所有情况，并可随时进行实质上的改变。DOM将HTML、CSS(层叠样式表)和脚本语言联合起来组成一个或多个人都能实现的互操作模型。 1．DHTML对象模块的基本组件 DHTML对象模块由对象、属性、事件和方法构成，使开发人员能通过编程控制网页上所有情况，并可随时进行实质上的改变。 1）对象网页上HTML中每个元素在动态对象模块中都表现为对象，例如图像、文本框等。对象模块是所有这些对象的分层表示，最高层是当前网页的框架或者浏览器窗口。对象命名后，通过脚本语言来引用它。

2）属性 属性描述一个对象的信息。在DHTML中对象的属性通过CSS来指定。 3）事件网页上每一个发生的动作，例如鼠标双击，都称为事件。当网页事件发生时，接收事件的项会通知动态对象模块事件发生，如果编制的脚本程序规定对事件的触发做出响应，则执行该脚本。 4）方法方法描述了对于对象所采取的措施。例如，使窗口对象能打开新的浏览器的方法。 5）对象及属性的实例 Miccrosoft Internet Explorer支持DHTML对象模块中的对象、属性、事件和方法。如果使用脚本语言编程操纵网页上的对象则可以控制网页的变化。下面介绍使文字移动的方法和多媒体页面显示的对象和属性。

移动文字使用成对标记<MARQUEE> ... </ MARQUEE >，将要移动的文字放在该标记中，文字则会动起来。该标记的属性有direction，bihavior，loop，scrolldelay，scrolldelay，Align，bgcolor，height，width和Margins 方向属性direction，可设置为left, right；格式为 <direction=#> #=left, right 方式属性bihavior可设置为scroll, slide, alternate，格式为 <bihavior=#> #=scroll, slide, alternate 循环属性loop可设置循环次数，格式为 <loop=#> #=次数；若未指定则循环不止(infinite) 速度属性scrollamount设置文字移动的快慢，可设置为数字，格式为 <scrollamount=#> #=速度单位值延时属性scrolldelay设置文字移动时停顿的间隔时间，可设置为数字。格式为 <scrolldelay=#> #=延时单位值

外观设置(Layout) 包括Align，bgcolor，height，width和Margins 对齐方式属性Align可设置为对齐上沿、中间、下沿。格式为 <align=#> #=top, middle, bottom 底色属性bgcolor可设置为预定义色彩Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua。格式为 <bgcolor=#> #=rrggbb 16 进制数码，或者是预定义色彩：面积属性有height和width，格式为 <height=# width=#> #=面积单位值空白（Margins）属性有hspace和vspace，格式为 <hspace=# vspace=#> #=空白单位值多媒体页面(Alternative Inline Elements)包括多媒体文本、背景音乐和视频播放。

·嵌入多媒体文本(EMBED) ，该标记可以用来在主页中嵌入多媒体文本，多媒体文本可以为电影(movie), 声音(sound), 虚拟现实语言(vrml)等。格式为 <embed src=#> #=URL ·背景音乐（BGSOUND），格式为 <bgsound src=#> #=音乐文件的 URL<bgsound loop=#> #=循环数例如：<bgsound src=＂sound.wav＂loop=3> ·插入视频剪辑（DYNSRC）, 格式为 <dynsrc=#> #=视频文件例如：<img src=＂Red.gif＂dynsrc=＂Red.avi＂> 播放视频文件Red.avi，在浏览器尚未完全读入 AVI 文件时，先在 AVI 播放区域显示Red.gif图象，开始播放 AVI 的时间控制格式为 <img start=#> #=fileopen, mouseover 默认值是 #=fileopen，即在链接到含本标记的页面(如本页)时开始播放 AVI。

#=mouseover 是当鼠标移到 AVI 播放区域之上时才开始播放 AVI。也可以两者同时设置： <img start=fileopen,mouseover> 控制条<img controls>，用来在视频窗口下附加WINDOWS的AVI播放控制条。 <img src=＂Red.gif＂dynsrc=" Red.avi " controls> 循环播放 <img loop=#> #=循环数 <loop=infinite> 将循环播放不止。 <img src=＂Red.gif＂dynsrc="Red.avi" loop=3> 延时 <img loopdelay=#> #=毫秒数 2．脚本编辑 DHTML将每个对象向一个编程和脚本语言的框架开放，可使用编程语言C++操纵网页上的对象，也可使用Java script、VBscript操纵网页上的对象。脚本嵌在Web页中。Internet Explorer是一个脚本编辑主机。

VBscript是在Visual Basic基础上设计的，这一语言通过微软的信息服务器（IIS）和活动服务器网页（ASP）在Web服务器方得到支持。采用VBscript编写的脚本放在标记<% ．．．． %>之间。 Java script使用了一些和Java相同的结构和语法。采用Java script编写的脚本，脚本必须写在一系列脚本标记中，格式如下： <SCRIPT LANGUAGE=“JavaScript”> <! [The actual script commands] > </SCRIPT> 第一行为开始脚本编辑，指定了一种语言；最后一行为结束脚本编辑。脚本就是操作页面的短程序，通过<SCRIPT>和</SCRIPT>标志插入到HTML文档中。

第 9 章 网络编程技术