1.53k likes | 2.05k Views
第 9 章 网络编程技术. 9 .1 HTML 基础 9 .2 ASP 编程技术 9 .3 JAVA 语言的网络程序设计 9 .4 JSP 编程技术 9 . 5 习题 9. 9 . 1 HTML 基础 9 . 1 . 1 HTML 语言基础
E N D
第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文件注释的基本格式如下: <!--此处为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 :设计网页。标题为:Example;网页显示文字内容为:没有使用〈head〉标记,而单独使用〈title〉标记仍起作用。 <html> <title> Example </title> <body>
没有使用<head> 标记,而单独使用<title> 标记仍起作用 </body> </html> 例题中用到几个特殊的符号“<;”和“>;”,它们在网页中分别显示“〈”和“〉”。因为浏览器解释HTML文件时,是根据“〈”与“〉”来识别标记的,然后再确定这两个符号中的内容是否为HTML文件标记。若是,则按其规则解读。所以,要在网页中显示“〈”和“〉”,就要使用特殊字符。其他常用的特殊符号见表⒐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>。在一个标题行中无法使用大小不同的字体。
5)强制换行标记<BR> 格式为: 文字<BR> 浏览器解释时,从该处换行。这是一个单标记。 6)设置文字格式 ① 标记<FONT>。<FONT>标记可设定文字的字体、字号和颜色。格式为: <font size=数字 face=字体名 color=颜色> 被设置的文字 </font> size用来设置文字的大小。数字的取值从1~7,size取1时最小,取7时最大。 face用来设置文字的字体。字体名可以为:宋体、楷体、黑体等汉字字体;也可以为Time New Roman等约50
种字体。这里的字体名其实就是在Word的“字体”工具栏中显示的字体名字。种字体。这里的字体名其实就是在Word的“字体”工具栏中显示的字体名字。 color用来设置文字的颜色,颜色的取值与<BODY text=颜色>的取值方法相同。当<body>与<font>标记同时对文字颜色进行定义时,<font>标记优先。 ②设置字型:字型就是文字的风格,如加粗、斜体、带下划线、上标、下标等。字型的控制标记见表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> <!这是文件的结束标签>
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文档中。