1 / 153

第 9 章 网络编程技术

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

tasha
Download Presentation

第 9 章 网络编程技术

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 第9章 网络编程技术 9.1 HTML 基础 9.2 ASP编程技术 9.3 JAVA语言的网络程序设计 9.4 JSP编程技术 9.5习题9

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

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

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

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

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

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

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

  9. 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>。

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

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

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

  13. 表9.1 特殊替换字符

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

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

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

  17. 5)强制换行标记<BR> 格式为: 文字<BR> 浏览器解释时,从该处换行。这是一个单标记。 6)设置文字格式 ① 标记<FONT>。<FONT>标记可设定文字的字体、字号和颜色。格式为: <font size=数字 face=字体名 color=颜色> 被设置的文字 </font> size用来设置文字的大小。数字的取值从1~7,size取1时最小,取7时最大。 face用来设置文字的字体。字体名可以为:宋体、楷体、黑体等汉字字体;也可以为Time New Roman等约50

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

  19. 表 9.3 设置各种字型的标记

  20. 例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)排 版

  21. 排版使用段落的成对标记<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

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

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

  24. 图9.1 HTML主页

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

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

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

  28. 在大多数情况下,应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录,从一个驱动器拷贝到另一个驱动器,或从一个平台拷贝到另一个平台。在大多数情况下,应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录,从一个驱动器拷贝到另一个驱动器,或从一个平台拷贝到另一个平台。 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指定图象文件尚未装入时,代替图象显示的文字。

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

  30. 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

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

  32. 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指表格的外部边界的宽度。

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

  34. 可点图类型有两种,服务器端图和客户端图。服务器端图在作为链接的图象成对标记 <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等。

  35. 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

  36. 的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

  37. 文 本 输 入(text) 密 码 输 入(password) 多 选 框(checkbox) 单 选 框(radio) 提 交 按 钮(submit) 复 位 按 钮(resest) 普 通 按 钮(button) 图 画(image) 隐 藏 项(hidden) ? ? ? 图9.2 标记INPUT的输入类型

  38. 每个标记<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说明该多选框初始为选择态:

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

  40. ⑧隐藏项:参数为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定义了列表框的名字,如同多选框的一样。

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

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

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

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

  45. 移动文字使用成对标记<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=#> #=延时单位值

  46. 外观设置(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)包括多媒体文本、背景音乐和视频播放。

  47. ·嵌入多媒体文本(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。

  48. #=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是一个脚本编辑主机。

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

More Related