1、互联网软件开发与应用,任课教师：伏名,1,第三章 HTML语言,HTML文档的总体结构文档的结构标记的结构HTML中的主要标记介绍文本标记布局标记表格标记表单标记图形标记超链接标记框架网页标记,2,HTML概述,HTML是一种简单易用的格式化语言，其最基本的元素是“标记”；文档的扩展名为.html或.htm。标记的格式 内容 内容示例 社会大学,3,HTML文件结构,实例,4,标记类型,文档体标记 标记文档的总体面貌文本格式标记 标记文本的字体字号颜色等链接标记 在段落中定义链接地址图形标记 在段落中引用图形文件表格标记 在段落中建立一个表格表单标记 形成可交互的表单布局标记 标记段落在窗口中
2、的布局形式列表标记 在段落前标记项目编号框架标记 形成可分隔、可定位的网页结构辅助标记 形成活动的网页内容,5,文档体标记,Body元素的属性P.31 表3-1给文档加颜色可以用文字定义也可以用RGB三个分量的值进行定义标准颜色值见 P.32边距设置LeftMarginTopMargin,文档模板将一个网站中的所有网页定义成统一的样式,6,文本格式标记,文本标记用于指定文本的显示格式，如：粗体、斜体、上标、下标、标题、术语、闪烁、突出、下划线等。、特殊字符代码#：引导十六进制代码，如#a3c8e5 实例,表示颜色时代表 RGB的三个分量,C,7,表格标记,-表格标记，用以制作表格、-表格标题标
3、记、-表元标记即单元格标记、-表头标记即行、列标题标记、-行标记将同一行的内容组织起来参数表：Border-边界，缺省为0即无边框，数值为边框宽度ALIGN-对齐格式，参数值：Left-左对齐，缺省Center-居中Right-右对齐实例,8,图形标记,用以在HTML文档中插入图形文档参数表含义Src=“http:/绝对Src=“Img1.gif”相对引用Height、Width 用以指定图形在文档中的大小，以像素为单位，缺省使用原图大小Vspace(垂直间距)、Hspace(水平间距)指定图形与周围文档之间的间距ALT-提示信息实例,9,链接标记,“锚”标记超文本的链接情况，是HTML核心参
4、数表中的两个最主要参数HREF-链接的对象(可以是URL地址值、文档、图形、文档目标位置、邮件地址)NAME-文档目标名(通常称为“书签”)的定义实例地图索引将整幅图片分割成几个区域，分别链接到不同的目标 示例,10,表单标记,表单是互联网中客户与服务器之间进行信息交流的界面、服务器采集数据的主要通道表单的基本结构,11,INPUT 标记,格式Type属性的取值Text 示例PassWord 示例CheckBox 示例Radio 示例Reset 示例Submit 示例,标记是一个收集信息的重要标记，信息的采集方法由Type确定,12,SELECT 标记,格式 内容1 内容2 作用在一个下拉式列
5、表或一个滚动列表中显示一列选择项Size用来定义显示的项目数，缺省为1MULTIPLE指定是否可以多选Option中的 value 值可以与“内容”不同，value值是返回值该标记也是表单标记中常用的一个标记示例,13,TEXTAREA 标记,格式 defaule texts作用为用户提供一个输入多行文本信息的空间Rows，Cols省略时提供一个4行长40个字符宽的文本区Default texts是缺省的文本，省略时显示空文本区该标记也是表单中常用的一种标记示例,14,滚动字幕标记,滚动字幕俗称“跑马灯”，标记格式如下：滚动文字 Direction=“right|left”Behavior=“
6、scroll|slide|alternate”Loop=“”滚动次数，0表示无限次 Scrolldelay=“”数值越大移动越慢，缺省为90毫秒Scrollamount=“”数值越大移动越快，缺省为6像素Width=“”Height=“”跑马灯的区域大小，可用像素或百分比为单位Bgcolor=“”以文字或6位十六进制代码表示,15,列表标记,在超文本中显示项目符号的标记项目列表(无序列表)标记格式 定义或取消项目列表标记、定义或取消列表主题、定义或取消子列表项目TYPE中的值：disc-实心圆，circle-空心圆，square-实心方型有序列表标记格式与示例、TYPE中的值：“1”-数字，“
7、a”-小写字母，“A”-大写字母，“i”-小写罗马数字，“I”-大写罗马数字与可以相互嵌套，以构成层次结构,16,本章学习目的和要求,通过本章的学习，考生应该掌握HTML文档的基本结构；掌握主要超文本标记的意义；掌握文档体的主要属性设置；掌握创建不同的超级链接的方法；学会创建和使用表格并能进行简单的表格格式设置；理解表单的概念和表单在HTML中的作用，并会创建和使用表单。,17,考核知识点,第一节 HTML文档总体结构，HTML最基本的标记、和的意义第二节 基本的超文本文档的构成和作用；元素中颜色定义的方法；背景、边距的意义和设置方法；给HTML加注释的方法；ADDRESS元素的概念和意义；特
8、殊字符的意义和使用方法第三节 超文本、超媒体超级链接的概念；超级链接的两部分内容锚链和URL引用的概念、意义和作用；链接到其他文档或文件的方法；文档的内容链接的概念以及使用方法；链接到其他NET资源的方法第四节 表格定义的容器元素的概念和作用；标记、标记、标记的概念和意义；边界属性(BORDER)、对齐属性(CENTER)、表格标题头、表格数据的概念和使用方法第五节 表单的概念和作用；容器标记、标记、标记、标记的概念、属性、意义和作用,18,考核要求(1),第一节 HTML文档总体结构识记：超文本标记、文档标题和文档体领会：理解、和的概念和意义以及它们在超文本中的位置应用：会建立简单的HTML
9、页面结构第二节 文档体识记：、构成的基本超文本结构，背景图像()、背景颜色()，文字颜色(TEXT)、各种状态链接的颜色(LINK、VLINK、ALINK)领会：理解基本超文本文档的结构，掌握超文本基本属性的设置方法应用：会建立附加简单格式的超文本文档,19,考核要求(2),第三节 创建超链接识记：超文本、超媒体、锚链、URL引用、超级链接领会：了解超级链接的组成、意义和功能；掌握建立超级链接的方法；理解内部链接意义；掌握创建到E-mail、UseNet、FTP、Goper站点、WIAS、TELNET的链接方法应用：会根据不同情况创建各种超级链接第四节 表格识记：元素、边界属性(BORDER)
10、、对齐属性(CENTER)、表格标题头领会：理解表格中不同标记的意义；掌握各种标记的使用方法应用：能使用表格元素和一些属性，在超文本中建立简单表格,20,考核要求(3),第五节 表单识记：HTML表单、容器标记、表单的常用属性领会：表单的概念和功能；理解不同表单的构造和属性设置；了解一些常用的HTML页面编辑工具应用：会在超文档中加入表单综合应用使用HTML语言创建简单的HTML文档,21,程序设计基础,程序的一般结构 常量（预先设定，并且在程序执行过程中不会也不能发生改变的量）变量（其中的值将随着程序的执行不断发生变化的量）语句的有序排列示例求圆的面积求1+2+3+100求,按照项目的要求排
11、列语句以实现某项操作语句的执行从宏观上讲都是顺序的为了完成某项操作，在程序的某些节点上程序的执行会发生改变改变顺序执行的形式主要有两种：分支和循环,22,程序的顺序结构,求圆的面积定义一个常量 Pi，值为3.1415926定义一个变量 r，一个变量 S，分别表示半径和圆面积依据公式：S=Pi*R2 编写程序代码程序代码(VB)Const Pi=3.1415926Dim r,SInput rS=Pi*r*rPrint S,23,程序的循环结构,求 1+2+3+100定义一个结果变量 S S=(0+1)+2)+3)+4)+)+100)每一对括号是一个部分解，从中可以发现，这个解的过程其实都是由两个
12、数的求和重复得到的程序代码(VB)Dim k,s s=0 For k=1 To 100 s=s+k Next k,24,程序循环的类型,记数循环适合于有明确的循环次数的场合For Next“当型”循环适合于能检测循环被执行的条件的场合句型：Do While 条件表达式 Loop,“直到型”循环适合于能检测循环不能被执行的条件的场合句型：Do Until 条件表达式 Loop,当型或直到型循环中须有对循环控制变量的修正，以保证循环终止条件一定会出现,25,程序的分支结构,程序的执行需要依据条件的不同结果，执行不同的操作时求X=0 即为本题的临界点程序代码 If(X=0)Then Y=x2+2x-
13、3 Else Y=abs(x)Endif,26,程序分支的类型,条件分支当条件成立时，执行A，否则执行B多路分支当作为条件的变量可能有的取值多于两种情况时使用1.If Then A Else if Then B Else C Endif,2.Select Case Case a1 A Case a2 B End Select,27,函数与过程,作用当某个程序段需要经常使用时，可以编写成子程序的形式供反复调用函数与过程是子程序的两种形式；函数的返回值可以直接参与表达式的运算，过程则一般不提供返回值种类函数预定义函数：系统提供的、可直接调用的函数自定义函数：需要先给出函数的定义、然后才能调用的函数
14、过程预定义过程：系统提供的、可直接调用的过程自定义过程：需要先给出过程的定义、然后才能调用的过程,28,常用运算符(VBScript),算术运算符+(加)(减)*(乘)/(除)(整除)mod(取模)例：560分钟是几小时几分钟?比较运算符=(相等)(大于)=(大于等于)(不等)is(比较两对象是否相等)逻辑运算符Not(逻辑非)And(逻辑与)Or(逻辑或)例：判断Year是否闰年连接运算符&和+(用于连接两个字符串)例：write“欢迎你，”&username,H=56060M=mod(560,60),Y=Y4*4 and not(Y=Y100*100)or Y=Y400*400,Usern
15、ame=“student”输出结果:欢迎你，student,29,常用预定义函数(VBScript),数学函数Abs(x)Aqr(x)Int(x)Rnd()Sin(x)Cos(x)Tan(x)Log(x)Atn(x)转换函数CStr(x)CInt(x)Cdate(x)字符串函数Len(s)Trim(s)Mid(s,b,l)Left(s,l)Right(s,l)Lcase(s)Ucase(s)Instr(s1,s2)StrComp(s1,s2)时间日期函数Now()Date()Time()Year(d)Month(d)Day(d)Hour(t)Minute(t)Second(t)检验函数IsNu
16、meric(x)IsDate(x)IsObject(x),30,自定义函数的定义,说明函数的处理流程的程序成为函数的定义格式Function 函数名(参数表).称为函数体，其中至少有一次对函数名的赋值.End Function示例编写计算 1+2+3+n 的函数编写计算 的函数,31,示例程序参考,计算 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-3 Else Y=abs(x)EndifEnd
17、Function,32,函数的调用,应用已经定义的函数称为函数的调用Function函数的调用方式是通过直接引用函数名实现对函数的调用，且函数名必须用在变量赋值语句的右边或表达式中示例调用在求和函数，计算1+2+3+33的结果 Dim n,s n=_ s=_ print s,Sumn(n),33,本例更简便的调用形式Dim nN=33Print sumn(n),参照此例写出计算y(2.136)的调用语句,Dim x,yX=2.136Print y(x),33,自定义过程的定义,说明过程的处理流程的程序称为过程的定义过程与函数的区别：函数的返回值在函数名中；过程一般没有返回值，若有则由相应的变量
18、承担格式Sub 过程名(参数表).过程的详细处理流程，称为过程体。与函数定义不.同，过程体中不允许对过程名有任何的赋值操作End SunSub 过程名()End Sub,34,过程定义实例,编制一个可以输出m列n行表格的过程mytable编制一个可以计算a与b的平方和的过程ss,Sub mytable(m,n)Dim j,k For j=1 to n write _ For k=1 to m write _ Next k write“”Next jEnd Sub,Sub ss(a,b)Dim sqsum sqsum=a*a+b*b write“a与b的平方和是：”&Cstr(sqsum)End
19、 Sub,“”,“”&CStr(j)&Cstr(k)&“”,35,过程的调用,利用实际的值呼叫事先定义的过程并得到结果称为过程的调用过程的调用有两种形式1.Call 过程名(参数1,参数2,)2.过程名 参数1,参数2,应用示例生成一个5行3列的表格Call mytable(5,3)Mytable 5,3计算20,18的平方Call ss(20,18)Ss 20,18,36,应用实例,编写过程计算S=12+32+992编写自定义函数，计算a到b的立方和，并举例调用，如调用时取a=3，b=8编写程序段，判断当天日期，如果是25日，则显示“请注意，明天可能有病毒发作”有100个和尚吃100个馒头，
20、大和尚1人吃4个，小和尚4人吃1个，问一共有多少个大和尚、多少个小和尚?,Dim I,SumSum=0For I=1 To 99 Step 2 Sum=Sum+I2NextWrite S=&Sum,I=1Sum=0Do While I=99Sum=Sum+I2I=I+2LoopResponse.Write S=&Sum,Function lifanghe(a,b)Dim Sum,I For I=a To b Sum=Sum+I3 Next lifanghe=SumEnd Function,调用主程序Dim SS=lifanghe(3,6)Response.Write 立方和=&S,If Day
21、(Date()=25 Then Response.Write 请注意:明天可能有病毒End If,Dim k,J,ren,mantouFor k=1 To 100 大和尚从1到100循环 For J=1 To 100 小和尚从1到100循环 ren=k+J 计算总人数 mantou=k*4+J*0.25 计算总馒头数 If ren=100 And mantou=100 Then write“大和尚=”&cstr(k)&“；小和尚=”&cstr(J)End If NextNext,37,学习程序语言的基本方法,掌握语言的基本语法规则掌握语言的输入输出语句掌握语言的常用预定义函数的表示形式掌握语言
22、的条件分支语句的表示形式掌握语言的多路分支语句的表示形式掌握语言的循环语句的表示形式掌握语言的常用预定义过程及其表示形式掌握语言的对象类及其用法,38,关于复习练习,在全面通读教材的基础上练习各项练习题练习时先按实战要求自己完成，做完后再看答案看答案时不要只是背答案，而要认真分析答案给出的解题思路，并能举一反三，真正弄懂弄通，达到融会贯通的效果在反复练习的基础上，逐步练习完整的试卷试卷练习同样要以实战为基点，按时按量进行练习，时间到了立即停止，然后按照答案进行评分对做错的题进行认真分析，找到错误的原因。同样不是背答案，掌握解题思路，及时总结每套试卷练习中的得失。模拟试卷是综合练习，也是按照考试的要求命题的，因此练习时也要按照考试的要求进行，以便调整做题心态，养成良好的临场状态,
