第五章浏览器端开发技术.ppt

网络数据库管理与设计 第5章 浏览器端开发技术 概述 HTML VBScript （自学） 概述 HTML（ HyperText Markup Language，超文本标记语言） HTML是指在Web上建立超文本文件的语言，是一种描述文档结构的语言。 它使用描述性的标记符来指明文档的结构。这些标记符是区分文档各个部分的分界符。 标记符为浏览器提供了HTML文件的格式信息，使得文档在浏览器中能够正确显示。 概述 HTML（ HyperText Markup Language，超文本标记语言） 采用HTML语言编写的网页文档是普通的文本文件，与平台无关，可被任何文本编辑器进行编辑。 文件中包含两部分信息，其一是文本，其二是页面结构和格式等标记符，保存的文件类型应为纯文本文件且文件的扩展名应为.htm或.html 。 概述 DHTML（Dynamic HTML，动态HTML） 是Microsoft对HTML 4.0版的增强，是HTML的一种扩展和延伸。目前，高版本的浏览器都支持DHTML。 DHTML是一种在网页下载到浏览器以后仍然能够随时变换的HTML，HTML中能够做的一切在网页下载后还能够再重复。 “动态”的含义不仅仅是指页面中加入了动画、影像或声音，更重要的是指页面具有交互性，可以对页面中的内容进行控制与改变。 概述 XML（eXtensible Markup Language，可扩展标记语言） 由于HTML难以扩展，交互性和语义性差，缺乏弹性，人们改进了HTML从而形成了XML。 XML有利于信息的表达和结构化组织，使信息检索更为有效。 它能够根据自己的需要灵活而又容易地添加新的标记，同时又不破坏标记语言格式的统一性。 概述 VBScript（Microsoft Visual Basic Scripting Edition） VBScript是Visual Basic的一个子集，它将灵活的Script应用于更广泛的领域。 VBScript是ASP的缺省语言，在ASP网页中也可以使用其他脚本语言，如JavaScript、PerlScript等。 VBScript既可以作为客户端编程语言，也可以作为服务器端编程语言。 HTML HTML基本标记 用来限定文档的显示格式，分为头部标记和体部标记。 1.头部标记 Head和/Head：HTML文件头部的起始和结束标记。 Title和/Title：HTML文件的标题，是显示于浏览器标题栏的字符串。 Style和/Style：CSS（层叠样式表，用来控制web页面外观）样式定义。 HTML HTML基本标记 1.头部标记 Meta：该标记位于Head与Title标记之间，提供用户不可见的信息。Meta通常用来为有哪些信誉好的足球投注网站引擎定义页面主题以及页面刷新等信息。其属性有以下几种： Name：Meta名字。 Content：定义页面内容，一些特定内容要与http-equiv属性配合使用。 Http-equiv：说明content属性内容的类别。 HTML HTML基本标记 1.头部标记 例：头部标记应用实例 Html Head Meta Name=reader Content=Text/Html Title头部标记演示实例/Title /Head /Html HTML HTML基本标记 2.体部标记：有Body、文字显示和段落控制标记、设置图像和超链接、列表和预定义格式标记等。 (1)Body和/Body标记：表明HTML文件体部的开始和结束。 HTML Body标记本身可含有属性，见表所示： HTML HTML基本标记 注意： HTML文件中颜色取值有两种表示法： RGB值表示：用颜色的十六进制RGB值，为“#RRGGBB”，分别表示三种颜色分量。例如“#ff0000”表示红色，“#00ff00”表示绿色，“#0000ff”表示蓝色。 英文单词颜色常量表示：如“Red”表示红色；“Blue”表示蓝色。 无论是RGB表示，还是单词常量表示，都不区分大小写。 HTML HTML基本标记 例:体部标记应用实例 Html Head Title体部标记演示实例/Title /Head Body Text=#ff0000 这是一个HTML语言实例 /Body /Html HTML HTML HTML基本标记 文字显示和段落控制标记： 文字显示属性主要有字体、字号、颜色； 段落控制显示对象的分段。 HTML HTML基本标记 例:文字显示和段落控制标记应用实例： Html HeadTitle文字显示和段落控制标记演示实例/Title /Head Body H1 Align=Left你好！-----位于