互联网软件开发与应用-_第1页
互联网软件开发与应用-_第2页
互联网软件开发与应用-_第3页
互联网软件开发与应用-_第4页
互联网软件开发与应用-_第5页
已阅读5页，还剩34页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

互联网软件开发与应用任课教师：伏名6/11/202401第三章HTML语言HTML文档的总体结构文档的结构标记的结构HTML中的主要标记介绍文本标记布局标记表格标记表单标记图形标记超链接标记框架网页标记6/11/202412HTML概述HTML是一种简单易用的格式化语言，其最基本的元素是“标记”；文档的扩展名为.html或.htm。标记的格式<标记符>内容</标记符><标记符参数1参数2...>内容</标记符><标记符参数1参数2参数3…>示例<i>社会大学</i>6/11/202423HTML文件结构<Html><Head><Meta…><Title>…</Title>

</Head><Body>

</Body></Html>实例6/11/202434标记类型文档体标记—标记文档的总体面貌文本格式标记—标记文本的字体字号颜色等链接标记—在段落中定义链接地址图形标记—在段落中引用图形文件表格标记—在段落中建立一个表格表单标记—形成可交互的表单布局标记—标记段落在窗口中的布局形式列表标记—在段落前标记项目编号框架标记—形成可分隔、可定位的网页结构辅助标记—形成活动的网页内容6/11/202445文档体标记Body元素的属性P.31表3-1给文档加颜色可以用文字定义也可以用RGB三个分量的值进行定义标准颜色值见P.32边距设置LeftMarginTopMargin文档模板将一个网站中的所有网页定义成统一的样式6/11/202456文本格式标记文本标记用于指定文本的显示格式，如：粗体、斜体、上标、下标、标题、术语、闪烁、突出、下划线等。<B></B>、<I></i>、<sup></sup>、<sub></sub>、<H1></H1>、<h2></h2>、<dfn></dfn>、<blink></blink>、<u></u>、<S>、</s>、<big>、</big>、<small>、</small>、<fontsize=?color=?>、</font>、<EM>、</EM>特殊字符代码#：引导十六进制代码，如#a3c8e5&：转义符，如>->&-&

-©实例表示颜色时代表RGB的三个分量C6/11/202467表格标记<Table></Table>-表格标记，用以制作表格<Caption[参数表]>、</Caption>-表格标题标记<Td[参数表]>、</Td>-表元标记即单元格标记<Th[参数表]>、</Th>-表头标记即行、列标题标记<Tr[参数表]>、</Tr>-行标记将同一行的内容组织起来参数表：Border-边界，缺省为0即无边框，数值为边框宽度ALIGN-对齐格式，参数值：Left-左对齐，缺省Center-居中Right-右对齐实例6/11/202478图形标记<ImgSrc=?[Height=?Width=?Vspace=?Hspace=?ALT=?]>用以在HTML文档中插入图形文档参数表含义Src=“/banner.jpg”绝对Src=“Img1.gif”相对引用Height、Width用以指定图形在文档中的大小，以像素为单位，缺省使用原图大小Vspace(垂直间距)、Hspace(水平间距)指定图形与周围文档之间的间距ALT-提示信息实例6/11/202489链接标记<A[参数表]>“锚”</A>标记超文本的链接情况，是HTML核心参数表中的两个最主要参数HREF-链接的对象(可以是URL地址值、文档、图形、文档目标位置、邮件地址)NAME-文档目标名(通常称为“书签”)的定义实例地图索引将整幅图片分割成几个区域，分别链接到不同的目标<MapName=“…”><Area…></Map>示例6/11/2024910表单标记表单是互联网中客户与服务器之间进行信息交流的界面、服务器采集数据的主要通道表单的基本结构<FormAction=“url”Method=“Post|Get”><INPUTType=“fdtype”Name=“fdname”…>…<SelectName=“name”…>…</Select>…<TextareaName=“name”…>…</Textarea>…</Form>6/11/20241011INPUT标记格式<INPUTType=“fdtype”Name=“fdname”…>Type属性的取值Text<InputType=“Text”Name=“”Size=“”Maxlength=“”Value=“”>示例PassWord<InputType=“PassWord”Name=“”Size=“”Maxlength=“”Value=“”>示例CheckBox<InputType=“CheckBox”Name=“”Value=“”[CHECKED]>示例Radio<InputType=“Radio”Name=“”Value=“”[CHECKED]>示例Reset<InputType=“Reset”Name=“”[Value=“”]>示例Submit<InputType=“Submit”Name=“”[Value=“”]>示例<Input>标记是一个收集信息的重要标记，信息的采集方法由Type确定6/11/20241112SELECT标记格式<SelectName=“”[Size=“”MULTIPLE]><OptionValue=“”[Selected]>内容1<OptionValue=“”[Selected]>内容2……</Select>作用在一个下拉式列表或一个滚动列表中显示一列选择项Size用来定义显示的项目数，缺省为1MULTIPLE指定是否可以多选Option中的value值可以与“内容”不同，value值是返回值该标记也是表单标记中常用的一个标记示例6/11/20241213TEXTAREA标记格式<TextareaName=“”Rows=mCols=n>defauletexts</Textarea>作用为用户提供一个输入多行文本信息的空间Rows，Cols省略时提供一个4行长40个字符宽的文本区Defaulttexts是缺省的文本，省略时显示空文本区该标记也是表单中常用的一种标记示例6/11/20241314滚动字幕标记滚动字幕俗称“跑马灯”，标记格式如下：<MarqueeDirection=“”Behavior=“”Loop=“”Scorlldelay=“”Scrollamount=“”Width=“”Height=“”Bgcolor=“”>滚动文字</Marquee>Direction=“right|left”Behavior=“scroll|slide|alternate”Loop=“”滚动次数，0表示无限次Scrolldelay=“”数值越大移动越慢，缺省为90毫秒Scrollamount=“”数值越大移动越快，缺省为6像素Width=“”Height=“”跑马灯的区域大小，可用像素或百分比为单位Bgcolor=“”以文字或6位十六进制代码表示6/11/20241415列表标记在超文本中显示项目符号的标记项目列表(无序列表)标记格式<UL[TYPE=?]>定义或取消项目列表标记<LH>、</LH>定义或取消列表主题<LI>、</LI>定义或取消子列表项目TYPE中的值：disc-实心圆，circle-空心圆，square-实心方型有序列表标记格式与示例<OL[TYPE=?]>、</OL><LH>、</LH><LI>、</LI>TYPE中的值：“1”-数字，“a”-小写字母，“A”-大写字母，“i”-小写罗马数字，“I”-大写罗马数字<UL>与<OL>可以相互嵌套，以构成层次结构6/11/20241516本章学习目的和要求通过本章的学习，考生应该掌握HTML文档的基本结构；掌握主要超文本标记的意义；掌握文档体的主要属性设置；掌握创建不同的超级链接的方法；学会创建和使用表格并能进行简单的表格格式设置；理解表单的概念和表单在HTML中的作用，并会创建和使用表单。6/11/20241617考核知识点第一节HTML文档总体结构，HTML最基本的标记<HTML>、<TITLE>和<BODY>的意义第二节基本的超文本文档的构成和作用；<HEAD>元素中颜色定义的方法；背景、边距的意义和设置方法；给HTML加注释的方法；ADDRESS元素的概念和意义；特殊字符的意义和使用方法第三节超文本、超媒体超级链接的概念；超级链接的两部分内容——锚链和URL引用的概念、意义和作用；链接到其他文档或文件的方法；文档的内容链接的概念以及使用方法；链接到其他NET资源的方法第四节表格定义的容器——<TABLE>元素的概念和作用；<TR></TR>标记、<TD></TD>标记、<TH></TH>标记的概念和意义；边界属性(BORDER)、对齐属性(CENTER)、表格标题头、表格数据的概念和使用方法第五节表单的概念和作用；<FORM></FORM>容器标记、<TEXTAREA></TEXTAREA>标记、<SELECT></SELECT>标记、<INPUT></INPUT>标记的概念、属性、意义和作用6/11/20241718考核要求(1)第一节HTML文档总体结构识记：超文本标记<HTML>、<HTML>文档标题<TITLE>和文档体<BODY>领会：理解<HTML>、<TITLE>和<BODY>的概念和意义以及它们在超文本中的位置应用：会建立简单的HTML页面结构第二节文档体识记：<HTML>、<HEAD>、</HEAD>、<BODY>、</BODY>、</HTML>构成的基本超文本结构，背景图像(<BODYBACKGROUD>)、背景颜色(<BGCOLOR>)，文字颜色(TEXT)、各种状态链接的颜色(LINK、VLINK、ALINK)领会：理解基本超文本文档的结构，掌握超文本基本属性的设置方法应用：会建立附加简单格式的超文本文档6/11/20241819考核要求(2)第三节创建超链接识记：超文本、超媒体、锚链、URL引用、超级链接领会：了解超级链接的组成、意义和功能；掌握建立超级链接的方法；理解内部链接意义；掌握创建到E-mail、UseNet、FTP、Goper站点、WIAS、TELNET的链接方法应用：会根据不同情况创建各种超级链接第四节表格识记：<TABLE>元素、<TR></TR>、<TD></TD>、<TH></TH>、边界属性(BORDER)、对齐属性(CENTER)、表格标题头领会：理解表格中不同标记的意义；掌握各种标记的使用方法应用：能使用表格元素和一些属性，在超文本中建立简单表格6/11/20241920考核要求(3)第五节表单识记：HTML表单、<FORM></FORM>容器标记、<TEXTAREA></TEXTAREA>、<SELECT></SELECT>、<INPUT></INPUT>、表单的常用属性领会：表单的概念和功能；理解不同表单的构造和属性设置；了解一些常用的HTML页面编辑工具应用：会在超文档中加入表单综合应用使用HTML语言创建简单的HTML文档6/11/20242021程序设计基础程序的一般结构常量（预先设定，并且在程序执行过程中不会也不能发生改变的量）变量（其中的值将随着程序的执行不断发生变化的量）语句的有序排列示例求圆的面积求1+2+3+…+100求按照项目的要求排列语句以实现某项操作语句的执行从宏观上讲都是顺序的为了完成某项操作，在程序的某些节点上程序的执行会发生改变改变顺序执行的形式主要有两种：分支和循环x2+2x-3，x≥0Y=|x|，x＜06/11/20242122程序的顺序结构求圆的面积定义一个常量Pi，值为3.1415926定义一个变量r，一个变量S，分别表示半径和圆面积依据公式：S=Pi*R2编写程序代码程序代码(VB)ConstPi=3.1415926Dimr,SInputrS=Pi*r*rPrintS定义常量、变量输入R计算S输出结果6/11/20242223程序的循环结构求1+2+3+…+100定义一个结果变量SS=((…((((0+1)+2)+3)+4)+…)+100)每一对括号是一个部分解，从中可以发现，这个解的过程其实都是由两个数的求和重复得到的程序代码(VB)Dimk,ss=0Fork=1To100s=s+kNextkKSKS05(0+1+2+3+4)+50+1

6(0+1+2+3+4+5)+6(0+1)+2

7s+73(0+1+2)+3…(s+k)4(0+1+2+3)+4100s+1006/11/20242324程序循环的类型记数循环适合于有明确的循环次数的场合For…Next“当型”循环适合于能检测循环被执行的条件的场合句型：DoWhile条件表达式……

Loop

“直到型”循环适合于能检测循环不能被执行的条件的场合句型：DoUntil条件表达式……

Loop循环体条件循环体条件当型或直到型循环中须有对循环控制变量的修正，以保证循环终止条件一定会出现6/11/20242425程序的分支结构程序的执行需要依据条件的不同结果，执行不同的操作时求X=0即为本题的临界点程序代码

If(X>=0)ThenY=x2+2x-3ElseY=abs(x)Endifx2+2x-3，x≥0Y=|x|，x＜0X≥0x2+2x-3|x|TF6/11/20242526程序分支的类型条件分支当…条件成立时，执行A，否则执行B多路分支当作为条件的变量可能有的取值多于两种情况时使用1.If…ThenAElseif…ThenBElseCEndif2.SelectCase…Casea1ACasea2B…EndSelect6/11/20242627函数与过程作用当某个程序段需要经常使用时，可以编写成子程序的形式供反复调用函数与过程是子程序的两种形式；函数的返回值可以直接参与表达式的运算，过程则一般不提供返回值种类函数预定义函数：系统提供的、可直接调用的函数自定义函数：需要先给出函数的定义、然后才能调用的函数过程预定义过程：系统提供的、可直接调用的过程自定义过程：需要先给出过程的定义、然后才能调用的过程6/11/20242728常用运算符(VBScript)算术运算符+(加)–(减)*(乘)/(除)\(整除)

mod(取模)例：560分钟是几小时几分钟?比较运算符=(相等)>(大于)<(小于)>=(大于等于)<=(小于等于)

<>(不等)

is(比较两对象是否相等)逻辑运算符Not(逻辑非)

And(逻辑与)

Or(逻辑或)例：判断Year是否闰年连接运算符&和+(用于连接两个字符串)例：write“欢迎你，”&usernameH=560\60M=mod(560,60)Y=Y\4*4andnot(Y=Y\100*100)orY=Y\400*400Username=“student”输出结果:欢迎你，student6/11/20242829常用预定义函数(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)检验函数IsNumeric(x)IsDate(x)IsObject(x)6/11/20242930自定义函数的定义说明函数的处理流程的程序成为函数的定义格式Function函数名(参数表)..称为函数体，其中至少有一次对函数名的赋值.EndFunction示例编写计算1+2+3+…+n的函数编写计算的函数x2+2x-3，x≥0Y=|x|，x＜06/11/20243031示例程序参考计算1+2+3+…+n的函数Functionsumn(n)Dimk,ss=0Fork=1Tons=s+kNextksumn=sEndFunction计算的函数FunctionY(x)If(X>=0)ThenY=x2+2x-3ElseY=abs(x)EndifEndFunctionx2+2x-3，x≥0Y=|x|，x＜06/11/20243132函数的调用应用已经定义的函数称为函数的调用Function函数的调用方式是通过直接引用函数名实现对函数的调用，且函数名必须用在变量赋值语句的右边或表达式中示例调用在求和函数，计算1+2+3+…+33的结果

Dimn,sn=_____s=_________printsSumn(n)33本例更简便的调用形式DimnN=33Printsumn(n)参照此例写出计算y(2.136)的调用语句Dimx,yX=2.136Printy(x)6/11/20243233自定义过程的定义说明过程的处理流程的程序称为过程的定义过程与函数的区别：函数的返回值在函数名中；过程一般没有返回值，若有则由相应的变量承担格式Sub过程名(参数表)..过程的详细处理流程，称为过程体。与函数定义不.同，过程体中不允许对过程名有任何的赋值操作EndSunSub过程名()…EndSub6/11/20243334过程定义实例编制一个可以输出m列n行表格的过程mytable编制一个可以计算a与b的平方和的过程ssSubmytable(m,n)Dimj,kForj=1tonwrite____Fork=1tomwrite__________Nextkwrite“</tr>”NextjEndSubSubss(a,b)Dimsqsumsqsum=a*a+b*bwrite“a与b的平方和是：”&Cstr(sqsum)EndSub“<tr>”“<td>”&CStr(j)&Cstr(k)&“</td>”6/11/20243435过程的调用利用实际的值呼叫事先定义的过程并得到结果称为过程的调用过程的调用有两种形式1.Call过程名(参数1,参数2,…)2.过程名参数1,参数2,…应用示例生成一个5行3列的表格Callmytable(5,3)Mytable5,3计算20,18的平方Callss(20,18)Ss20,186/11/20243536应用实例编写过程计算S=1^2+3^2+…+99^2编写自定义函数，计算a到b的立方和，并举例调用，如调用时取a=3，b=8编写程序段，判断当天日期，如果是25日，则显示“请注意，明天可能有病毒发作”有100个和尚吃100个馒头，大和尚1人吃4个，小和尚4人吃1个，问一共有多少个大和尚、多少个小和尚?DimI,SumSum=0ForI=1To99Step2Sum=Sum+I^2NextWrite"S="&Sum

人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论