第2章节 JSP预备知识-HTML.ppt

第2章 JSP预备知识-HTML 内容提要 本章首先介绍HTML的发展历史 然后介绍HTML的基本框架 详细介绍了HTML的各种常用标记：文字标记、图片标记、超级链接标记，等等 介绍CSS的基本使用方法，如何让CSS与HTML协同工作 介绍JavaScript中的变量、数组、表达式、运算符、流程控制语句 JavaScript的函数、内置对象、浏览器对象的层次和DOM模型的建立和使用 HTML编程技术 要把信息发布到全球，就必须要使用能够被大众接受的语言，也就是使用一种大多数计算机能够识别的语言。 在Internet上，通常使用的发布语言是HTML HTML概述 在20世纪90年代Web网络的迅速兴起，使得HTML空前繁荣。当时，HTML被发展成了许多不同的版本。出于解决这种混乱局面的考虑，迫切需要制定一个公认的HTML语言规范。 1995年11月，Internet Engineering Task Force（IETF）整理了以前的各种版本，倡导并主持开发HTML2.0规范，同年推出HTML3.0技术规范。1996年，World Wide Web Consortium（W3C）的HTML Working Group开始组织编写新的规范，于1997年1月推出了HTML3.2。在HTML3.2中做了许多重要改动。到1999年下半年推出到现在依然使用的HTML4.0 HTML概述 HEAD头元素 HTML的常用标记 HTML的常用标记有一些共同特点：都放在BODY标记里面。 常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等 字体标记 图片标记 超级链接 列表 1.基本表格 TABLE是表格的基本标记。TR代表表格的行，TD代表表格的列。 表格的灵活应用 Cellpadding和Cellspacing属性 Cellpading的意思是单元格的边距，指的是字与单元格边框的距离。Cellspacing的意思是单元格间距，指的是单元格之间的距离。 案例2-1：表格的样式 表单 表单的功能是收集用户信息实现系统与用户交互。比如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） 鼠标移动过（Hove