第八章测览翳端就统术 81概述 8.2 HTML 83 VBScript语言
第八章 浏览器端开发技术 8.1 概述 8.2 HTML 8.3 VBScript语言
81概述 ◆81.1HTML超文本标记语言) HTML是指在Web上建立超文本文件的语言,是一种 描述文档结构的语言 它使用描述性的标记符来指明文档的结构 采用HTM语言编写的网页文档是普通的文本文件,与 平台无关,可被任何文本编辑器进行编辑。 文件中包含两部分信息,其一是文本,其二是页面结 构和格式等标记符,保存的文件类型应为纯文本文件 且文件的扩展名应为hm或html
8.1 概述 ◆ 8.1.1 HTML(超文本标记语言) – HTML是指在Web上建立超文本文件的语言,是一种 描述文档结构的语言。 –它使用描述性的标记符来指明文档的结构。 –采用HTML语言编写的网页文档是普通的文本文件,与 平台无关,可被任何文本编辑器进行编辑。 –文件中包含两部分信息,其一是文本,其二是页面结 构和格式等标记符,保存的文件类型应为纯文本文件 且文件的扩展名应为.htm或.html
◆812 DHTML( Dynamic HTML,动态HTML) 是 Microsof对HML4.0版的增强,是HML的一种扩展 和延伸。目前,高版本的浏览器都支持 DHTML。 DHTML是一种在网页下载到浏览器以后仍然能够随时变 换的HTM,理ML中能够做的一切在网页下载后还能够 再重复。 “动态”的含义不仅仅是指页面中加入了动画、影像 或声音,更重要的是指页面具有交互性,可以对页面 中的内容进行控制与改变。 DHTML是一种通过各种技术的综合而得以实现的概念, 这些技术包括 VBScript、 JavaScript、D0M(文档对象 模型)、 Layers(层)和CSS等
◆ 8.1.2 DHTML(Dynamic HTML,动态HTML) – 是Microsoft对HTML 4.0版的增强,是HTML的一种扩展 和延伸。目前,高版本的浏览器都支持DHTML。 –DHTML是一种在网页下载到浏览器以后仍然能够随时变 换的HTML,HTML中能够做的一切在网页下载后还能够 再重复。 – “动态”的含义不仅仅是指页面中加入了动画、影像 或声音,更重要的是指页面具有交互性,可以对页面 中的内容进行控制与改变。 –DHTML是一种通过各种技术的综合而得以实现的概念, 这些技术包括VBScript、JavaScript、DOM(文档对象 模型)、Layers(层)和CSS等
◆8.13XML(可扩展标记语言 由于HTML难以扩展,交互性和语义性差,缺乏弹性, 人们改进了HTML从而形成了XML XML有利于信息的表达和结构化组织,使信息检索更 为有效 XML包括了一组相关技术:XSL(可扩展样式语言) XML链接语言、XML命名空间和XML模式 XML并不是一个独立的、预定义的单纯标记语言,它 可以用来定义任何一种新的标记语言,用来定乂各种 不同的文件类别。 它能够根据自己的需要灵活而又容易地添加新的标记, 同时又不破坏标记语言格式的统一性
◆ 8.1.3 XML(可扩展标记语言) –由于HTML难以扩展,交互性和语义性差,缺乏弹性, 人们改进了HTML从而形成了XML。 – XML有利于信息的表达和结构化组织,使信息检索更 为有效。 – XML包括了一组相关技术:XSL(可扩展样式语言)、 XML链接语言、XML命名空间和XML模式。 – XML并不是一个独立的、预定义的单纯标记语言,它 可以用来定义任何一种新的标记语言,用来定义各种 不同的文件类别。 –它能够根据自己的需要灵活而又容易地添加新的标记, 同时又不破坏标记语言格式的统一性
◆8.1.4Ⅴ SCript VBScript是 Visual basic的一个子集,它将灵活的 Script应用于更广泛的领域。 VBScript是ASP的缺省语言,在ASP网页中也可以使用其 他脚本语言,如 Javascript、 Perlscript等。 VASariυt既可以作为客户端编程语言,也可以作为服务 器端编程语言 VBScript以对象为基础,不仅支持对象的属性以及成员 函数,而且可以用来编写动作,并反映出和对象相关的 事件 VBScript只支持一种数据类型( Variant),且没有条 件式的编译,不能使用行号, VBScript中没有文件I/0 功能,但通过服务器组件的使用仍然可以进行文件操作
◆ 8.1.4 VBScript –VBScript是Visual Basic的—个子集,它将灵活的 Script应用于更广泛的领域。 –VBScript是ASP的缺省语言,在ASP网页中也可以使用其 他脚本语言,如JavaScript、PerlScript等。 –VBScript既可以作为客户端编程语言,也可以作为服务 器端编程语言。 –VBScript以对象为基础,不仅支持对象的属性以及成员 函数,而且可以用来编写动作,并反映出和对象相关的 事件。 –VBScript只支持一种数据类型(Variant),且没有条 件式的编译,不能使用行号,VBScript中没有文件I/O 功能,但通过服务器组件的使用仍然可以进行文件操作
◆8.1.5 Javascript JavaScript是一种嵌入在ⅢM文件中的脚本语言,它是 基于对象和事件驱动的。 1995年5月Sun公司正式推出Java语言后, Netscape公司 引进Java的有关概念,将 LiveScript更名为 JavaScript。 JavaScript是一种跨平台脚本语言,它既可以在浏览器 上运行也可以运行在服务器上。 JavaScript由 Javascript核心语言、 Javascript客户端 扩展和 JavaScript服务器端扩展3部分组成。 JavaScript和Java有一些相同之处,如它们的语法元素 与C++十分相似,都与平台无关。但是它们相异的地方 也很多,例如,Java是Sun的产品,而 Javascript是 Netscape的产品; JavaScript是解释型的,而Java是半 编译半解释型的;从语法风格上看, JavaScript比较自 由,而Java是—种强类型语言,语法比较严谨等
◆ 8.1.5 JavaScript –JavaScript是一种嵌入在HTML文件中的脚本语言,它是 基于对象和事件驱动的。 –1995年5月Sun公司正式推出Java语言后,Netscape公司 引进Java的有关概念,将LiveScript更名为JavaScript。 –JavaScript是—种跨平台脚本语言,它既可以在浏览器 上运行也可以运行在服务器上。 –JavaScript由JavaScript核心语言、JavaScript客户端 扩展和JavaScript服务器端扩展3部分组成。 –JavaScript和Java有—些相同之处,如它们的语法元素 与C++十分相似,都与平台无关。但是它们相异的地方 也很多,例如,Java是Sun的产品,而JavaScript是 Netscape的产品;JavaScript是解释型的,而Java是半 编译半解释型的;从语法风格上看,JavaScript比较自 由,而Java是—种强类型语言,语法比较严谨等
82HTML语言 ◆8.2.1HTML基本标记 用来限定文档的显示格式,分为头部标记和体部标记 头部标记 ◆和:HTM文件头部的起始和结束标记 ◆和:HTM文件的标题,是显示于浏览 器标题栏的字符串。 ◆和:CSS样式定义。 ◆:该标记位于与标记之间,提供 用户不可见的信息。 【例】头部标记应用实例 Tile头部标记演示实例
8.2 HTML 语言 ◆ 8.2.1 HTML基本标记 –用来限定文档的显示格式,分为头部标记和体部标记。 1.头部标记 ◆和:HTML文件头部的起始和结束标记。 ◆和:HTML文件的标题,是显示于浏览 器标题栏的字符串。 ◆和:CSS样式定义。 ◆:该标记位于与标记之间,提供 用户不可见的信息。 ◆【例】头部标记应用实例 头部标记演示实例
2.体部标记:有BOdy、文字显示和段落控标记设置图 像和超链接、列表和预定义格式标记等 (1)、和标记:表明HIML文件体部的开始 和结東 ◆Body标记本身可含有属性,见教材表8-1 ◆HTML文件中颜色取值有两种表示法: RGB值表示:用颜色的十六进制RGB值,为 “#RGBB’,分别表示三种颜色分量。例如 “#ff00003表示红色,“#00ff00表示绿色, “#0000f”表示蓝色。 英文单词颜色常量表示:如“Red表示红色; “Blue表示蓝色。 无论是RGB表示,还是单词常量表示,都不区分大 小写
2.体部标记:有Body、文字显示和段落控制标记、设置图 像和超链接、列表和预定义格式标记等。 (1)、和标记:表明HTML文件体部的开始 和结束。 ◆Body标记本身可含有属性,见教材表8-1 ◆HTML文件中颜色取值有两种表示法: –RGB值表示:用颜色的十六进制RGB值,为 “#RRGGBB”,分别表示三种颜色分量。例如 “#ff0000”表示红色,“#00ff00”表示绿色, “#0000ff”表示蓝色。 –英文单词颜色常量表示:如“Red”表示红色; “Blue”表示蓝色。 –无论是RGB表示,还是单词常量表示,都不区分大 小写
【例】体部标记应用实例 体部标记演示实例 这是一个HTML语言实例
【例】体部标记应用实例 体部标记演示实例 这是一个HTML语言实例
(2)文字显示和段落控制标记:文字显示属性主要有字体 字号、颜色;段落控制显示对象的分段(教材P148表8-2 列出了各种标记的含义) 【例】文字显示和段落控制标记应用实 "你好!--位于左侧" 你好!-体文字 Font face=“宋体” Color=“Blue”你好!--蓝色宋 体字
(2)文字显示和段落控制标记:文字显示属性主要有字体、 字号、颜色;段落控制显示对象的分段(教材P148表8-2 列出了各种标记的含义)。 【例】文字显示和段落控制标记应用实 文字显示和段落控制标记演示 "你好!-----位于左侧" "你好!-----位于中央" 你好!-----粗体文字 你好!-----蓝色宋 体字