web技术补充（HTML、CSS、JavaScript）.ppt

Web技术（HTML\CSS\JavaScript） 内容提要 本章首先介绍HTML的发展历史 然后介绍HTML的基本框架 详细介绍了HTML的各种常用标记：文字标记、图片标记、超级链接标记，等等 介绍CSS的基本使用方法，如何让CSS与HTML协同工作 介绍JavaScript中的变量、数组、表达式、运算符、流程控制语句 JavaScript的函数、内置对象、浏览器对象的层次和DOM模型的建立和使用 表单 表单的功能是收集用户信息实现系统与用户交互。比如E-mail信箱的注册页面就是一个十分典型的表单页面。 表单信息的处理过程如下：当单击表单中的提交按钮时，表单中的信息就会上传到服务器中，然后由服务器端的应用程序（例如CGI，ASP，PHP，JSP等）进行处理，处理后将用户提交的信息存储在服务器端的数据库中，或者将有关信息返回到客户端浏览器上。 表单头及其属性 表单中常用控件 在常用的表单制作过程中，经常遇到的是按钮制作、输入元素的制作等。常见的表单控件包括文本框、文本域、密码框、多选框、单选框和下拉列表框，等等。 块级元素 预排版标记 包含在预排版标记中的字符会按照HTML原码的格式输出到浏览器上。HTML文件中的英文空格一般不起作用，但是在预排版标记中空格可以显示出来。 设计网页框架 使用框架 一般在工程应用中，都是由三个页面组成的框架组合，分成上框架，右框架和左框架 CSS编程技术 CSS（Cascading Style Sheets）中文翻译为层叠样式表单，简称样式单，是近几年才发展起来的新技术 1998年5月12日，CSS level 2才成为W3C 的标准，它是一组样式，样式中的属性在HTML元素中依次出现，并显示在浏览器中。样式可以定义在HTML文档的标志里，也可以在外部附加文档作为外加文档。CSS的功能无比强大，W3C也极力向世界推广这一先进技术。 CSS概述 简单来说，HTML是一种标记语言，而CSS是这种标记的一种重要扩展，可以进一步美化页面。换句话说，CSS是一种用来装饰HTML的标记集合。 CSS样式规则组成为：选择符 { 属性: 值 }，单一选择符的复合样式声明应该用分号隔开，如：选择符 { 属性1: 值1; 属性2: 值2 }。 使用CSS 加载CSS样式的三种方式 使用CSS来格式化网页，共有三种方式： 在HEAD中引用 在BODY中引用 作为文件来引用 HEAD内引用 BODY内引用 文件外引用 文件外导入 CSS与标记对应的三种方式 标记选择符 任何HTML元素都可以是一个CSS的选择符。上面所有的样式表都是采用标记选择符引入的。例如：P { BACKGROUND:YELLOW;}，这里用的标记选择符是P。 类选择符 在STYLE标记定义一个“.类名”，然后在HTML标记中使用CLASS=“类名”就可以引入该样式 ID选择符 定义ID选择符时，在样式名之前加“#名字”，引用的时候使用“ID=名字”。 定义超级链接样式 可以指定A标记以不同的方式显示。 一个超级链接有几种不同的状态： 未被访问链接（Link） 已访问链接（Visited） 鼠标移动过（Hover） 可以定义超级链接文字的颜色，可以定义字体的大小，一般超级链接都有下划线，可以利用“TEXT-DECORATION:NONE”将超级链接的下划线去掉。 定义超级链接样式 JavaScript编程技术 JavaScript是一种Script脚本语言，所谓的脚本语言就是可以和HTML语言混合使用的语言。VBScript也是Script语言中的一种，但是VBScript只有微软的浏览器Internet Explore（IE）才能完全支持。而JavaScript则不管是什么浏览器都可以运行，这也是JavaScript的一个优点。 JavaScript是一种高级的脚本描述性语言，并不需要依赖于特定的机器和操作系统，所以说它是独立于操作平台的。JavaScript 1.0最初是在Netscape Navigator 2.0及Netscape LiveWire 1.0上实现的，目前JavaScript的版本是JavaScript 1.2。 从本质上说JavaScript和Java没有什么联系，但是同时作为语言，可以从三个角度来区别。 （1）JavaScript是解释型的语言，当程序执行的时候，浏览器一边解释一边执行。而Java是编译型的语言，必须经过编译才能执行。 （2）代码格式不一样，Java代码经过编译后成为二进制文件，而JavaScript是纯文本的文件。 （3）在HTML中的嵌入方式不一样。Java可以通过小应用程序嵌入HTML文件，而JavaScript可直接写入一个文本文件或HTM