HTML和脚本语言.ppt

1、ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）重点内容：重点内容：l HTMLHTML网页设计基础网页设计基础 l VBScriptVBScript语言语言 lJavaScriptJavaScript语言语言ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）HTML是超文本标记语言（Hyper Text Markup Language）的缩写，可以满足跨平台的需要，使Web页面在各种系统上都能浏览。HTML语言是一种描述文档结构的语言，可以指定Web页的外观和布局；图形放在什么地方，文本的外观如

2、何，单击某个链接跳转到哪些页面等内容。HTML语言使用描述性的标记符（称为标签）来指明文档的不同内容，这些标记用尖括号括起来使用特定的字符表示特定的含义，并且不区分大小写。ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）HTML文档中，标签可以定义不同显示效果的标题，n表示标题的级数，取值范围为1到6，1级标题的字体最大，6级标题的字体最小。使用标题标签演示使用标题标签演示欢迎使用欢迎使用ASP.NET2.0！欢迎使用欢迎使用ASP.NET2.0！欢迎使用欢迎使用ASP.NET2.0！欢迎使用欢迎使用ASP.NET2.0！欢迎使用欢迎使用ASP

3、.NET2.0！欢迎使用欢迎使用ASP.NET2.0！ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）段落标签的格式为，用来创建一个新的段落。表示一个段落的开始，结尾标记可以省略，但是一般情况下，为了防止文档出错，尽量不要省略结尾标记。标签最常用的属性就是align属性，用于设置内容的对齐方式 使用段落标签使用段落标签这一段左对齐这一段左对齐这一段右对齐这一段右对齐这一段居中对齐这一段居中对齐ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）在网页中经常使用的列表分为顺序列表，无序列表和自定义列表

4、三种。其中，顺序列表是指各列表项之间是有顺序的，从1、2、3一直延伸下去。其中，标签用来建立一个顺序序列表，属性start用于指定开始的数目，不论设定了哪一数目款式，其值只能是 1,2,3.等整数，默认值为1；属性type用于指定表示顺序的款式，可以使用如下5个值：ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）链接是一个网站的灵魂。超链接是网页页面中最重要的元素之一。一个网站是由多个页面组成的，页面之间依据链接确定相互的导航关系。链接标记虽然在网站设计制作中占有不可替代的地位，但是其标记只有一个，那就是标记。超链接的使用超链接的使用跳到说明跳

5、到说明链接到链接到2-3 链接到链接到2-2 说明部分说明部分ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）表格是一种能够有效的描述信息的组织方式，由行、列和单元格组成，可以很好地控制页面布局。表格的定义通过，和标签实现。表格的一行的第一个单元格表格的一行的第一个单元格表格的一行的第二个单元格表格的一行的第二个单元格.表格的二行的第一个单元格表格的二行的第一个单元格表格的二行的第二个单元格表格的二行的第二个单元格.其中，其中标签用于定义表格，标签用于定义表格中的行，用于定义表格中某个中的单元格。ASP.NET 2.0ASP.NET 2.0动态

6、网站开发基础教程（动态网站开发基础教程（C#C#）网页中具有可输入表项及项目选择等控制所组成的栏目称为表单，它是与用户交互信息的主要手段，在HTML页面中起着重要作用。表单一般由表单标签和表单域组成，其中表单标签里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法；表单域是用户输入和交互的主要界面，包括了，和四种类型，其中类型又包含Text，Radio，Checkbox，Password，Submit/Reset，Image，File，Hidden，Button等类型。ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）Web页面

7、中可以使用标签为页面添加图像，使得页面更加漂亮。在Web页面上可以显示.gif,.jpg 或者.png等格式的图像。标签的主要属性如下所示：ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。使用框架可以非常方便地完成导航工作，而且各个框架之间决不存在干扰问题，所以框架技术一直普遍应用于页面导航。使用框架网页最主要的目的是创建链接的结构。导航条被放置于一个框架之中，可以单击导航条向服务器请求网页，链接的网页出现在另外的框架中，而导航栏所在的网页不发生变化。框架主要包括两个部

8、分，个是框架集，另一个就是框架。框架集是在一个文档内定义一组框架结构的 HTML 网页。框架集定义了在一个窗口中显示的框架数、框架的尺寸、载入到框架的网页等。而框架则是指在网页上定义的一个显示区域。每一个框架都有一个显示的页面，这个页面文件称为框架页面。通过标记可以定义框架页面的内容。ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）每种语言都有其数据类型，在VBScript语言中只有一种数据类型，即Variant类型。Variant是一种特殊的数据类型，其子类型基本上包含了所有的基本类型，例如布尔型，整数型等，可使用VarType函数返回数据的

9、Variant子类型。在实际应用中，程序会根据实际的需要选择一个合适的类型进行转换。下面是Variant类型的子类型定义：ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）逻辑运算符用于执行逻辑运算，主要包括逻辑与运算符，逻辑或运算符，逻辑非运算符和逻辑异或运算符。位运算符主要用于将两个值进行按位运算，主要包括按位与运算，按位或运算，按位取反运算和按位异或运算。按位与运算的符号和逻辑与运算符一样为“And”ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）条件语句用于控制程序根据不同的条件执行不同的

10、代码，最简单的条件语句为If.Then.Else语句，当需要对多个条件进行判断时，就需要为If.Then.Else 语句添加ElseIf 子句以扩充。在VBScritp语言中还提供了Select Case语句来处理多个分支的情况，Select Case语句和If.Then.ElseIf.Else语句类型，但是Select Case语句可以使得程序结构更加清晰。If 条件表达式条件表达式 Then 条件表达式为条件表达式为True时的程序时的程序Else 条件表达式为条件表达式为False时的程序时的程序End IfIf 条件表达式条件表达式1 Then 条件表达式条件表达式1为为True时的程

11、序时的程序ElseIf 条件表达式条件表达式2 Then 条件表达式条件表达式2为为True时的程序时的程序ElseIf 条件表达式条件表达式3 Then 条件表达式条件表达式3为为True时的程序时的程序.Else 其他情况时执行的程序其他情况时执行的程序End IfSelect Case 条件表达式条件表达式 Case 第一个条件第一个条件 第一个条件成立时的代码第一个条件成立时的代码 Case 第二个条件第二个条件 第二个条件成立时的代码第二个条件成立时的代码 Case 第三个条件第三个条件 第三个条件成立时的代码第三个条件成立时的代码 .Case Else 上述条件都不成立时的代码上述

12、条件都不成立时的代码End SelectASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）循环用于重复执行一组语句。VBScript的循环语句有，While.Wend循环，Do.Loop循环，For.Next循环和For Each.Next。While 循环条件循环条件 循环语句循环语句WendDo While|Until 循环条件循环条件循环语句循环语句Exit Do循环语句循环语句Loop For 计数器计数器=start To end Step 步长步长循环语句循环语句Exit For循环语句循环语句NextFor Each element

13、 In 数组数组/集合集合循环语句循环语句Exit For循环语句循环语句Next elementASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）在程序中使用子过程的好处是，可以使程序变得更清楚明了，如果在程序中有很多重复使用的程序代码，就可以将它写成子过程。Sub 子过程名称子过程名称(参数参数 1，参数，参数 2,)程序代码程序代码 End Sub VBScript-Sub子过程子过程 sub blue_onclick document.bgcolor=blue msgbox您单击的是蓝色按钮您单击的是蓝色按钮 end sub ASP.NE

14、T 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）Function 函数通常用来定义一段经常共用的程序代码，以增加程序的可读性和易维护性。其语法格式如下：Function 函数名称函数名称(参数参数 1,参数参数 2,)程序代码程序代码 End Function VBScript-Function函数函数 sub confirm_onclick msgbox 10的平方等于的平方等于&getPower(10)end subFunction getPower(x)getPower=x*xEnd Function ASP.NET 2.0ASP.NET 2.0动态

15、网站开发基础教程（动态网站开发基础教程（C#C#）用户经常遇到在另一个程序中调用子过程或函数的情况。在VBScript中有两种调用子过程和函数的语句。其语法格式如下：Call 过程名称或函数名称过程名称或函数名称(参数参数 1,参数参数 2,)过程名称或函数名称过程名称或函数名称 参数参数 1,参数参数 2,第一种格式是在子过程或函数的名称前加上关键字 Call，但要注意将参数写在括号里。第二种格式只在子过程或函数名称后加上所需要的参数名称即可，多个参数之间要用逗号加以隔开。ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）JavaScript中

16、有六种基本的数据类型：数值（整数和实数）、字符串型、布尔型、对象、未定义和空值。数值类型包括整数，浮点数和NaN字符串也是一个对象。字符串使用双引号或者单引号说明，如果在字符串中要包括双引号，则使用单引号引出双引号 布尔型常用于判断，只有两个可选的值：true和false。其中，true表示条件为“真“，false表示条件为false。JavaScript中可以使用对象，常见对象包括Navigator、Window、Location、History、Document。如果一个变量被定义后没有对其进行初始化，则该变量的值为未定义Undefined 类型。JavaScript中用null表示空值，

17、如果引用未创建的对象，就会返回一个null值。ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）条件语句用于控制程序根据不同的条件执行不同的代码，最简单的条件语句为if-else语句，其语法定义如下：if（条件表达式）（条件表达式）代码代码1/代码块代码块1else 代码代码2/代码块代码块2 在JavaScritp语言中还提供了switch语句来处理多个分支的情况，switch语句可以使得程序结构更加清晰。下面是switch语句的语法定义：switch(条件表达式条件表达式)case 第一个条件第一个条件:第一个条件成立时的代码第一个条件成立时

18、的代码 break;case 第二个条件第二个条件:第二个条件成立时的代码第二个条件成立时的代码 break;.default:上述条件都不成立时的代码上述条件都不成立时的代码 ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）循环用于重复执行一组语句。JavaScript的循环语句有while循环和for循环。while当指定的循环条件为true时，执行循环体中的一系列的语句，其语法定义如下：while(循环条件循环条件)循环语句循环语句 for循环用于将循环体中的代码运行指定的次数。在循环中使用计数器变量，该变量的值随每一次循环增加或减少。f

19、or循环的语法定义如下：for（初始化（初始化;循环条件循环条件;增量）增量）循环语句循环语句ASP.NET 2.0ASP.NET 2.0动态网站开发基础教程（动态网站开发基础教程（C#C#）计算机程序里使用的单独的语句通常被组织成称为过程的逻辑单元。在 JavaScript程序设计中，过程被称为函数。函数可以把一组相关的JavaScript语句当作一个独立的单元。函数和所有其他JavaScript代码一样，必须放在 标签对之内。在JavaScript程序中使用函数之前，首先必须创建或定义该函数。在HTML文档内构成函数的语句行叫做函数定义。定义函数的语法如下：function name_of_function(parameters)statements;