2HTML与脚本语言.ppt

2.1.1 HTML标记 基本及标题栏标注 文 档 整 体 属 性 文 本 标注 格 式 排 版 超级链接 2.1.3 HTML图像 Web页面中可以使用img/img标签为页面添加图像，使得页面更加漂亮。在Web页面上可以显示.gif, .jpeg 等格式的图像。 2.1.4 HTML 框架 框架： 其作用是将浏览器窗口划分为若干个区域，每个区域分别显示不同的网页。窗口可水平、上下和嵌套分割。 框架标记：主要有两部分组成 框架集frameset…/frameset ：用于定义一个窗口中显示的框架数、尺寸等。 框架frame…/frame：用于定义网页上的显示区域。 2.1.6 HTML 表单 表单： 网页中具有可输入表项及项目选择等控制所组成的栏目称为表单，它是与用户交互信息的主要手段，在HTML页面中起着重要作用。 表单的组成：一般由表单标记和表单域组成。 2.3 动态HTML技术 动态HTML技术简介 JavaScript语言 层叠式样表CSS简介 2.3.1 动态HTML技术简介 动态 HTML（Dynamic HTML，简称 DHTML）并不是一门新的语言，其思想是：浏览器从服务器下载网页后，利用浏览器本身的资源，在不增加服务器负担和网络传输负担的前提下，使网页的某些元素“动”起来。它是多项技术的综合。可分为三个方面： ①HTML 定义页面中的各种元素的显示格式，难进行微量调整、难定位等。 XHTML:严谨而准确的html,标记区分大小写，可设置属性等。 2.3.2 JavaScript语言基础 是一种通用的解释型脚本语言，可直接嵌入到HTML页面中，和HTML紧密地结合在一起。其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。与操作系统无关。 一、 基本语法 1.语法特点： 与C或C++语言近似 命令、函数名、变量命都区分大小写。 每条语句后可不用分号结尾（建议加分号）。 语句块用{}界定。 单行注释用//;多行注释用/*…*/。 通常只用于编写小程序（scirpt）,变量使用前不一定声明，若声明也不一定指定数据类型，运行时也不强制检查数据类型。 书写代码简单。 二、 数据类型 JavaScript 支持的数据类型如下: 1.数值类型： （ Number ） 包括整数和浮点数以及 NaN，当数值表达式中混合使用不同类型的数值时，它透明地将一种类型转换成另一种类型。例如，整数用在浮点表达式中将被转换为浮点型。 整数 ：在 JavaScript 中可以使用十进制、十六进制和八进制表示其值。 三、 运算符 算术运算符：算术运算符通常用于算术运算，包括加法运算符 +，减法运算符 -，乘法运算符 *，除法运算符 /，求余运算符 %。 比较运算符：用于对表达式进行比较，主要包括小于比较运算符 ，小于或等于比较运算符 =，大于比较运算符 ，大于或等于比较运算符 =，等于比较运算符 ==, 不等于比较运算符 !=。 四、控制语句 条件语句：条件语句用于控制程序根据不同的条件执行不同的代码，最简单的条件语句为if-else语句。举例 循环语句：循环用于重复执行一组语句。JavaScript的循环语句有while循环和for循环。while当指定的循环条件为true时，执行循环体中的一系列的语句。 五、函数 定义函数 在使用函数之前，必须先定义函数。函数定义常放在 HTML 文档头中。 定义函数的格式如下： function functionName (parameter1, parameter2 ...) { statements } 图片切换举例 六、窗体的使用 窗体（或者叫表单）: JavaScript中可以访问Web页面中的窗体（或者叫表单），表单是网页中实现信息交互的一种重要手段，经常用于收集用户信息或实现在线调查等需要用户输入的情形。如果要在网页中插入表单，应使用 FORM 标记符，然后将各种表单控件添加到该 FORM 和 /FORM 之间。 使用窗体（表单）： 当用户在网页中添加了 FORM 标记符后，既创建了一个 form 对象。用户可以通过直接使用表单名称方式访问网页中的 form 对象。 获得了 form 对象之后，即可以通过使用其属性、事件和方法来实现各种功能。 举例 2.3本章小结 本章主要介绍了开发ASP.NET程序的基本必备知识，包括开发Web页面的基础语言HTML语言和开发动态网页的脚本JavaS