互联网软件开发与应用05

1、互联网软件开发与应用互联网软件开发与应用第五章第五章 HTML语言介绍语言介绍1HTML文档的总体结构l文档的结构文档的结构l标记的结构标记的结构HTML中的主要标记介绍l文本标记文本标记l布局标记布局标记l表格标记表格标记l表单标记表单标记l图形标记图形标记l超链接标记超链接标记l框架网页标记框架网页标记2HTML概述HTML是一种简单易用的格式化语言，其最基本的元素是“标记”；文档的扩展名为.html或.htm。标记的格式l 内容内容 l内容内容l示例l 社会大学社会大学 3HTML文件结构 实例4标记类型文档体标记 标记文档的总体面貌文本格式标记 标记文本的字体字号颜色等链接标记 在段落

2、中定义链接地址图形标记 在段落中引用图形文件表格标记 在段落中建立一个表格表单标记 形成可交互的表单布局标记 标记段落在窗口中的布局形式列表标记 在段落前标记项目编号框架标记 形成可分隔、可定位的网页结构辅助标记 形成活动的网页内容5文档体标记Body元素的属性lP.31 表表3-1给文档加颜色l可以用文字定义可以用文字定义l也可以用也可以用RGB三个分量的值三个分量的值进行定义进行定义l标准颜色值见标准颜色值见 P.32边距设置lLeftMarginlTopMargin文档模板l将一个网站中的所有网页定将一个网站中的所有网页定义成统一的样式义成统一的样式6文本格式标记文本标记用于指定文本的显

3、示格式，如：粗体、斜体、上标、下标、标题、术语、闪烁、突出、下划线等。 、 、 、 、 、 、 、 、 、特殊字符代码l#：引导十六进制代码，如：引导十六进制代码，如 #a3c8e5l&：转义符，如：转义符，如 -> &-& -© 实例表示颜色时代表 RGB的三个分量C7表格标记 - 表格标记，用以制作表格l、 - 表格标题标记表格标题标记l、 - 表元标记即单元格标记表元标记即单元格标记l、 - 表头标记即行、列标题标记表头标记即行、列标题标记l、 - 行标记将同一行的内容组织起来行标记将同一行的内容组织起来参数表：lBorde

4、r - 边界，缺省为边界，缺省为0即无边框，数值为边框宽度即无边框，数值为边框宽度lALIGN - 对齐格式，参数值：对齐格式，参数值：lLeft - 左对齐，缺省左对齐，缺省lCenter - 居中居中lRight - 右对齐右对齐实例8图形标记 用以在HTML文档中插入图形文档参数表含义lSrc=“http:/ 绝对绝对lSrc=“Img1.gif” 相对引用相对引用lHeight、Width 用以指定图形在文档中的大小，以像素为单用以指定图形在文档中的大小，以像素为单位，缺省使用原图大小位，缺省使用原图大小lVspace(垂直间距垂直间距)、Hspace(水平间距水平间距) 指定图形与周

5、围文档指定图形与周围文档之间的间距之间的间距lALT - 提示信息提示信息实例9链接标记 “锚” 标记超文本的链接情况，是HTML核心参数表中的两个最主要参数lHREF - 链接的对象链接的对象(可以是可以是URL地址值、文档、图形、文档地址值、文档、图形、文档目标位置、邮件地址目标位置、邮件地址)lNAME - 文档目标名文档目标名(通常称为通常称为“书签书签”)的定义的定义实例地图索引l将整幅图片分割成几个区域，分别链接到不同的目标将整幅图片分割成几个区域，分别链接到不同的目标 示例10表单标记表单是互联网中客户与服务器之间进行信息交流的界面、服务器采集数据的主要通道表单的基本结构 11I

6、NPUT 标记格式lType属性的取值lTextl 示例示例lPassWordl 示示例例lCheckBoxl 示例示例lRadiol 示例示例lResetl 示例示例lSubmitl 示例示例标记是一个收集信息的重要标记，信息的采集方法由Type确定12SELECT 标记格式 内容内容1 内容内容2 作用l在一个下拉式列表或一个滚动列表中显示一列选择项在一个下拉式列表或一个滚动列表中显示一列选择项lSize用来定义显示的项目数，缺省为用来定义显示的项目数，缺省为1lMULTIPLE指定是否可以多选指定是否可以多选lOption中的中的 value 值可以与值可以与“内容内容”不同，不同，va

7、lue值是返回值值是返回值l该标记也是表单标记中常用的一个标记该标记也是表单标记中常用的一个标记示例13TEXTAREA 标记格式 defaule texts作用l为用户提供一个输入多行文本信息的空间为用户提供一个输入多行文本信息的空间lRows，Cols省略时提供一个省略时提供一个4行长行长40个字符宽的文本区个字符宽的文本区lDefault texts是缺省的文本，省略时显示空文本区是缺省的文本，省略时显示空文本区l该标记也是表单中常用的一种标记该标记也是表单中常用的一种标记示例14滚动字幕标记滚动字幕俗称“跑马灯”，标记格式如下： 滚动文字 lDirection=“right | lef

8、t” lBehavior=“scroll | slide |alternate” lLoop=“” 滚动次数，滚动次数，0表示无限次表示无限次 lScrolldelay=“” 数值越大移动越慢，缺省为数值越大移动越慢，缺省为90毫秒毫秒lScrollamount=“” 数值越大移动越快，缺省为数值越大移动越快，缺省为6像素像素lWidth=“” Height=“” 跑马灯的区域大小，可用像素或百跑马灯的区域大小，可用像素或百分比为单位分比为单位lBgcolor=“” 以文字或以文字或6位十六进制代码表示位十六进制代码表示15列表标记在超文本中显示项目符号的标记项目列表(无序列表)标记格式l 定

9、义或取消项目列表标记定义或取消项目列表标记l、 定义或取消列表主题定义或取消列表主题l、 定义或取消子列表项目定义或取消子列表项目lTYPE中的值中的值：disc-实心圆，实心圆，circle-空心圆，空心圆，square-实心方型实心方型有序列表标记格式与示例l、l、l、lTYPE中的值中的值：“1”-数字，数字，“a”-小写字母，小写字母，“A”-大写字母，大写字母，“i”-小写罗马数字，小写罗马数字，“I”-大写罗马数字大写罗马数字与可以相互嵌套，以构成层次结构16本章学习目的和要求通过本章的学习，考生应该掌握HTML文档的基本结构；掌握主要超文本标记的意义；掌握文档体的主要属性设置；掌

10、握创建不同的超级链接的方法；学会创建和使用表格并能进行简单的表格格式设置；理解表单的概念和表单在HTML中的作用，并会创建和使用表单。17考核知识点第一节 HTML文档总体结构，HTML最基本的标记、和的意义第二节 基本的超文本文档的构成和作用；元素中颜色定义的方法；背景、边距的意义和设置方法；给HTML加注释的方法；ADDRESS元素的概念和意义；特殊字符的意义和使用方法第三节 超文本、超媒体超级链接的概念；超级链接的两部分内容锚链和URL引用的概念、意义和作用；链接到其他文档或文件的方法；文档的内容链接的概念以及使用方法；链接到其他NET资源的方法第四节 表格定义的容器元素的概念和作用；标

11、记、标记、标记的概念和意义；边界属性(BORDER)、对齐属性(CENTER)、表格标题头、表格数据的概念和使用方法第五节 表单的概念和作用；容器标记、标记、标记、标记的概念、属性、意义和作用18考核要求 (1)第一节 HTML文档总体结构l识记：超文本标记识记：超文本标记、文档标题文档标题和文和文档体档体l领会：理解领会：理解、和和的概念和意义以及的概念和意义以及它们在超文本中的位置它们在超文本中的位置l应用：会建立简单的应用：会建立简单的HTML页面结构页面结构第二节 文档体l识记：识记：、构成的基本超文本结构，背景图像构成的基本超文本结构，背景图像()、背景颜色、背景颜色()，文字颜，文

12、字颜色色(TEXT)、各种状态链接的颜色、各种状态链接的颜色(LINK、VLINK、ALINK)l领会：理解基本超文本文档的结构，掌握超文本基本属性的设领会：理解基本超文本文档的结构，掌握超文本基本属性的设置方法置方法l应用：会建立附加简单格式的超文本文档应用：会建立附加简单格式的超文本文档19考核要求 (2)第三节 创建超链接l识记：超文本、超媒体、锚链、识记：超文本、超媒体、锚链、URL引用、超级链接引用、超级链接l领会：了解超级链接的组成、意义和功能；掌握建立超级链接领会：了解超级链接的组成、意义和功能；掌握建立超级链接的方法；理解内部链接意义；掌握创建到的方法；理解内部链接意义；掌握创

13、建到E-mail、UseNet、FTP、Goper站点、站点、WIAS、TELNET的链接方法的链接方法l应用：会根据不同情况创建各种超级链接应用：会根据不同情况创建各种超级链接第四节 表格l识记：识记：元素、元素、 、边界属性、边界属性(BORDER)、对齐属性、对齐属性(CENTER)、表格标题、表格标题头头l领会：理解表格中不同标记的意义；掌握各种标记的使用方法领会：理解表格中不同标记的意义；掌握各种标记的使用方法l应用：能使用表格元素和一些属性，在超文本中建立简单表格应用：能使用表格元素和一些属性，在超文本中建立简单表格20考核要求 (3)第五节 表单l识记：识记：HTML表单、表单、

14、容器标记、容器标记、表单的常用属性、表单的常用属性l领会：表单的概念和功能；理解不同表单的构造和属性设置；领会：表单的概念和功能；理解不同表单的构造和属性设置；了解一些常用的了解一些常用的HTML页面编辑工具页面编辑工具l应用：会在超文档中加入表单应用：会在超文档中加入表单综合应用l使用使用HTML语言创建简单的语言创建简单的HTML文档文档21程序设计基础程序的一般结构 常量常量 （预先设定，并且在程序执行过程中不会也不能发生改变的量）（预先设定，并且在程序执行过程中不会也不能发生改变的量） 变量变量 （其中的值将随着程序的执行不断发生变化的量）（其中的值将随着程序的执行不断发生变化的量）

15、语句的有序排列语句的有序排列示例l求圆的面积求圆的面积l求求1+2+3+100l求求按照项目的要求排列语句以实现某项操作语句的执行从宏观上讲都是顺序的为了完成某项操作，在程序的某些节点上程序的执行会发生改变改变顺序执行的形式主要有两种：分支和循环 x2 + 2x - 3，x0Y= |x|， x022程序的顺序结构求圆的面积l定义一个常量定义一个常量 Pi，值为值为3.1415926l定义一个变量定义一个变量 r，一个变量一个变量 S，分别表示半径和圆面积分别表示半径和圆面积l依据公式：依据公式：S = Pi * R2 编写程序代码编写程序代码程序代码(VB)Const Pi = 3.14159

16、26Dim r, SInput rS = Pi * r * rPrint S定义常量、变量输入 R计算 S输出结果23程序的循环结构求 1+ 2 + 3 + + 100l定义一个结果变量定义一个结果变量 S lS = (0 + 1) + 2) + 3) + 4) + ) + 100)l每一对括号是一个部分解，从中可以发现，这个解的过程其实每一对括号是一个部分解，从中可以发现，这个解的过程其实都是由两个数的求和重复得到的都是由两个数的求和重复得到的程序代码(VB) Dim k, s s = 0 For k = 1 To 100 s = s + k Next kK S K S 0 5 (0+1+2

17、+3+4)+5 0+1 6 (0+1+2+3+4+5)+6 (0+1)+2 7 s + 73 (0+1+2)+3 (s+k)4 (0+1+2+3)+4 100 s + 10024程序循环的类型记数循环l适合于有明确的循环次数的场合适合于有明确的循环次数的场合lFor Next“当型”循环l适合于能检测循环被执行的条件的场合适合于能检测循环被执行的条件的场合l句型：句型：Do While 条件表达式条件表达式 Loop“直到型”循环l适合于能检测循环不能被执行适合于能检测循环不能被执行的条件的场合的条件的场合l句型：句型：Do Until 条件表达式条件表达式 Loop循环体条件循环体条件当型或

18、直到型循环中须有对循环控制变量的修正，以保证循环终止条件一定会出现25程序的分支结构程序的执行需要依据条件的不同结果，执行不同的操作时求lX=0 即为本题的临界点即为本题的临界点程序代码 If (X=0) Then Y = x x2 2+2x-3+2x-3 Else Y = abs(x) Endif x2 + 2x - 3，x0Y= |x|， x0X 0 x2+2x-3|x|TF26程序分支的类型条件分支l当当条件成立时，执行条件成立时，执行A，否则执行否则执行B多路分支l当作为条件的变量可能有的取值多于两种情况时使用当作为条件的变量可能有的取值多于两种情况时使用l1. If Then A E

19、lse if Then B Else C Endifl2. Select Case Case a1 A Case a2 B End Select27函数与过程作用l当某个程序段需要经常使用时，可以编写成子程序的形式供反当某个程序段需要经常使用时，可以编写成子程序的形式供反复调用复调用l函数与过程是子程序的两种形式；函数的返回值可以直接参与函数与过程是子程序的两种形式；函数的返回值可以直接参与表达式的运算，过程则一般不提供返回值表达式的运算，过程则一般不提供返回值种类l函数函数l预定义函数：系统提供的、可直接调用的函数预定义函数：系统提供的、可直接调用的函数l自定义函数：需要先给出函数的定义、然

20、后才能调用的函数自定义函数：需要先给出函数的定义、然后才能调用的函数l过程过程l预定义过程：系统提供的、可直接调用的过程预定义过程：系统提供的、可直接调用的过程l自定义过程：需要先给出过程的定义、然后才能调用的过程自定义过程：需要先给出过程的定义、然后才能调用的过程28常用运算符(VBScript)算术运算符l+(加加) (减减) *(乘乘) /(除除) (整除整除) mod(取模取模)l例：例：560分钟是几小时几分钟分钟是几小时几分钟?比较运算符l=(相等相等) (大于大于) =(大于等于大于等于) =(小于等于小于等于) l(不等不等) is(比较两对象是否相等比较两对象是否相等)逻辑运

21、算符lNot(逻辑非逻辑非) And(逻辑与逻辑与) Or(逻辑或逻辑或)l例：例：判断判断Year是否闰年是否闰年连接运算符l& 和和 + (用于连接两个字符串用于连接两个字符串)l例：例：write “欢迎你欢迎你，” & usernameH = 56060M = mod(560, 60)Y = Y4*4 and not(Y = Y100*100) or Y = Y400*400Username = “student”输出结果: 欢迎你，student29常用预定义函数(VBScript)数学函数lAbs(x) Aqr(x) Int(x) Rnd( ) Sin(x) Cos

22、(x) Tan(x) Log(x) Atn(x)转换函数lCStr(x) CInt(x) Cdate(x)字符串函数lLen(s) Trim(s) Mid(s,b,l) Left(s,l) Right(s,l) lLcase(s) Ucase(s) Instr(s1,s2) StrComp(s1,s2)时间日期函数lNow( ) Date( ) Time( ) lYear(d) Month(d) Day(d) Hour(t) Minute(t) Second(t)检验函数lIsNumeric(x) IsDate(x) IsObject(x)30自定义函数的定义说明函数的处理流程的程序成为函数的

23、定义格式Function 函数名函数名(参数表参数表) . . 称为函数体，其中至少有一次对函数名的赋值称为函数体，其中至少有一次对函数名的赋值 .End Function示例l编写计算编写计算 1+2+3+n 的函数的函数l编写计算编写计算 的函数的函数 x2 + 2x - 3，x0Y= |x|， x031示例程序参考计算 1+2+3+n 的函数Function sumn(n) Dim k, s s = 0 For k=1 To n s = s + k Next k sumn = sEnd Function计算 的函数Function Y(x) If (X=0) Then Y = x2+2x

24、-3 Else Y = abs(x) EndifEnd Function x2 + 2x - 3，x0Y= |x|， x032函数的调用应用已经定义的函数称为函数的调用Function函数的调用方式是通过直接引用函数名实现对函数的调用，且函数名必须用在变量赋值语句的右边或表达式中示例l调用在求和函数，计算调用在求和函数，计算1+2+3+33的结果的结果 Dim n, s n = _ s = _ print sSumn(n)33本例更简便的调用形式Dim nN = 33Print sumn(n)参照此例写出计算y(2.136)的调用语句Dim x, yX = 2.136Print y(x)33自

25、定义过程的定义说明过程的处理流程的程序称为过程的定义过程与函数的区别：函数的返回值在函数名中；过程一般没有返回值，若有则由相应的变量承担格式Sub 过程名过程名(参数表参数表) . . 过程的详细处理流程，称为过程体。与函数定义不过程的详细处理流程，称为过程体。与函数定义不 . 同，过程体中不允许对过程名有任何的赋值操作同，过程体中不允许对过程名有任何的赋值操作End SunSub 过程名过程名( ) End Sub34过程定义实例编制一个可以输出m列n行表格的过程mytable编制一个可以计算a与b的平方和的过程ssSub mytable(m,n) Dim j, k For j = 1 to

26、 n write _ For k = 1 to m write _ Next k write “” Next jEnd SubSub ss(a, b) Dim sqsum sqsum = a*a + b*b write “a与b的平方和是：”&Cstr(sqsum)End Sub“”“” & CStr(j) & Cstr(k) & “”35过程的调用利用实际的值呼叫事先定义的过程并得到结果称为过程的调用过程的调用有两种形式l1. Call 过程名过程名(参数参数1, 参数参数2, )l2. 过程名过程名 参数参数1, 参数参数2, 应用示例l生成一个生成一个5行

27、行3列的表格列的表格lCall mytable(5, 3)lMytable 5, 3l计算计算20, 18的平方的平方lCall ss(20, 18)lSs 20, 1836应用实例编写过程计算S=12+32+992编写自定义函数，计算a到b的立方和，并举例调用，如调用时取a=3，b=8编写程序段，判断当天日期，如果是25日，则显示“请注意，明天可能有病毒发作”有100个和尚吃100个馒头，大和尚1人吃4个，小和尚4人吃1个，问一共有多少个大和尚、多少个小和尚?Dim I,SumSum=0For I=1 To 99 Step 2 Sum=Sum+I2NextWrite S= & SumI=1Sum=0Do While I=99Sum=Sum+I2I=I+2LoopResponse.Write S= & SumFunction lifanghe(a,b) Dim Sum,I For I=a To b Sum=Sum+I3 Next lifanghe=SumEnd Function调用主程序Dim SS=lifanghe