《Web程序设计(第二版)》

1、Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4互联网时代的编程互联网时代的编程Web 程 序 设 计Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4 第第 1 章章 Web程序设计基础程序设计基础 第第 2 章章 Web程序及运行环境程序及运行环境 第第 3 章章 标记语言标记语言HTML规范规范 第第 4 章章 网页设计与制作网页设计与制作 第第 5 章章 客户端编程客户端

2、编程 第第 6 章章 服务端编程服务端编程目 录Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4第 3 章 标记语言HTML规范 3.1 标记语言及其发展标记语言及其发展3.2 超文本标记语言超文本标记语言HTML3.3 网页设计基础网页设计基础3.4 使用使用Front Page Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-43.1 标记语言及其发展n 标准通用标记语言标准

3、通用标记语言SGML n 超文本标记语言超文本标记语言HTMLn 可扩展可扩展HTML规范规范XHTML n 可扩展标记语言可扩展标记语言XMLn DHTML和和SHTML技术技术 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4标准通用标记语言SGMLn标记语言的概念标记语言的概念 l广义上，标记语言可以理解为对内容进行描述的规范或标准。广义上，标记语言可以理解为对内容进行描述的规范或标准。l例如，在出版印刷行业，编辑人员在进行文档内容编辑时对内容所做例如，在出版印刷行业，编辑人员在

4、进行文档内容编辑时对内容所做的标记的标记n标准通用标记语言标准通用标记语言SGMLlSGML（Standard Generalized Markup Language，SGML）是一）是一个用来定义在电子表格中如何对文件的结构和内容进行描述的国际标个用来定义在电子表格中如何对文件的结构和内容进行描述的国际标准（准（ISO-8879） ，1969年，年，IBMlSGML设计的非常复杂，设计的非常复杂，SGML的正式规范达的正式规范达500多页多页 l意义意义uSGML定义了标记语言的基本概念，奠定了标记语言的技术基础定义了标记语言的基本概念，奠定了标记语言的技术基础 Web程序设计程序设计（第二

5、版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4超文本标记语言HTMLnHTML 的诞生的诞生l超文本标记语言超文本标记语言HTML起源于通用标准标记语言起源于通用标准标记语言SGMLl由世界上最大的粒子物理研究实验室欧洲核子研究中心由世界上最大的粒子物理研究实验室欧洲核子研究中心CERN（the European Organization for Nuclear Research）于）于1991年首先提出。年首先提出。nHTML规范规范l标记标记nHTML主要版本和发布时间主要版本和发布时间 lHTML 2.0

6、， Internet工程任务组中的工程任务组中的HTML工作组开发完成了工作组开发完成了HTML 2.0，于，于1996年发布年发布 lHTML3.2，W3C于于1997年年1月月14日将其列为推荐版本，在日将其列为推荐版本，在HTML2.0标准中添标准中添加了诸如：字体、表格、加了诸如：字体、表格、Java程序、浮动、上标、下标等特征程序、浮动、上标、下标等特征 lHTML 4.0，W3C于于1997年年12月月18日将其列为推荐版本，第二个稍作修正的日将其列为推荐版本，第二个稍作修正的HTML 4.0 版本与版本与1998年年12月月24日发布。日发布。uHTML4.0中最重要的特征是引入

7、了样式表中最重要的特征是引入了样式表CSS技术。技术。 lHTML 4.01，W3C于于1999年年12月月24日将其列为推荐版本，是日将其列为推荐版本，是HTML 4.0的升级的升级版本，它对原版本做出了部分修正。版本，它对原版本做出了部分修正。 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4可扩展HTML规范XHTMLnHTML 的缺陷的缺陷lHTML的标记固定，的标记固定，HTML只是一种表现技术，不能表达语义只是一种表现技术，不能表达语义l不能适应现在越来越多的网络设备和应用

8、的需要，比如手机、不能适应现在越来越多的网络设备和应用的需要，比如手机、PDA、信息家电都不能直接显示、信息家电都不能直接显示HTML 。l由于由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示能够正确显示HTML l数据与表现混杂，页面要改变显示，就必须重新制作数据与表现混杂，页面要改变显示，就必须重新制作HTML nW3C 不再继续开发不再继续开发HTML n可扩展可扩展HTML lW3C制定制定 ，2000年年1月月20 日发布日发布XHTML 1.0 。 lHTML向向XML过度的一个桥梁过度的一个桥梁l2002年年8月月5

9、日，发布日，发布XHTML 2.0的第一个工作草案。的第一个工作草案。Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4可扩展标记语言XMLn可扩展标记语言可扩展标记语言XMLlXML（eXtensible Markup Language） ，1998年年2月月10日，日，XML工作组正工作组正式向式向W3C提交了提交了XML的最终推荐标准，这就是的最终推荐标准，这就是XML 1.0标准。标准。 l核心思想核心思想u实现数据和显示的分离实现数据和显示的分离 nXML地构成地构成lDTD、

10、XML架构等基本要素架构等基本要素l元规范元规范n 相应规范相应规范l可扩展样式语言可扩展样式语言XSLlXML路径语言路径语言XPathlXML查询语言查询语言Xqueryl可扩展连接语言可扩展连接语言XLLl及及XML文档对象模型文档对象模型DOMl简单应用程序接口简单应用程序接口SAXl等等 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4DHTML和SHTML技术nDHTML技术技术l与与Web开发相关的技术或者说开发模式开发相关的技术或者说开发模式 ，不是规范，不是规范l涉及

11、的内容涉及的内容uHTML 4.0 规范规范 u客户端脚本语言客户端脚本语言CSSL（Clent-Side Scripting Language） u文档对象模型文档对象模型DOM（Document Object Model） ，它将网页中的内容抽象，它将网页中的内容抽象成对象，每个对象拥有各自的属性成对象，每个对象拥有各自的属性(Properties)、方法、方法(Method)和事件和事件(Events)，可以通过上面的客户端脚本语言编程控制，可以通过上面的客户端脚本语言编程控制 u层叠样式表单层叠样式表单CSS 技术技术 nSHTML技术技术lSHTML不是一种不是一种HTML规范，而是

12、一种网站设计、开发与维护技术规范，而是一种网站设计、开发与维护技术 l是一种是一种Web服务器服务器 API，其指令可以在，其指令可以在Web服务端运行，以产生动态的服务端运行，以产生动态的html，是一种类似于，是一种类似于ASP的基于服务器的网页制作技术的基于服务器的网页制作技术Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-43.2 超文本标记语言HTMLnHTML标记语法和文档结构标记语法和文档结构n文件头标记及子标记文件头标记及子标记n文件体标记及其属性文件体标记及其属性 n文

13、档内容常用标记文档内容常用标记n表格（表格（table）n表单（表单（form）n层次块标记层次块标记n对象和脚本程序标记对象和脚本程序标记 n层叠样式表层叠样式表CSS技术技术 n 帧（帧（frame） Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4HTML标记语法nHTML标记语法标记语法l标记（标记（Tag）u标记由封装在小于号（标记由封装在小于号（）构成的一对尖括号之中）构成的一对尖括号之中 u一般形式：一般形式：文档内容文档内容 例如：例如：link textl标记类型与标

14、记属性标记类型与标记属性u单标记单标记 u双标记双标记 l标记属性标记属性u u例如：例如： Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4HTML文档结构 头部信息头部信息 文档主体文档主体 （语句部分）（语句部分）Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4文件头标记及子标记n 文件头文件头l标记对之间的部分称为文件头标记对之间的部分称为文件头n 子标记子标记l标记标

15、记 l标记标记 l 标记标记 l标记标记 l背景音乐标记背景音乐标记 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4标记n标记标记 l用于标识网页主题，其中的内容将在浏览器的标题栏中显示，不出现在页面内用于标识网页主题，其中的内容将在浏览器的标题栏中显示，不出现在页面内 n举例举例l计算机基础网络教学平台计算机基础网络教学平台GSL3.0Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6

16、226-4标记n 标记为单标记，没有尾标记。标记为单标记，没有尾标记。 l 为单标记，没有尾标记。为单标记，没有尾标记。n 标记属性标记属性l http-equiv属性属性l name属性属性 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4标记-http-equiv属性nhttp-equiv属性属性lhttp-equiv相当于相当于HTTP的文件头，向浏览器传回信息，以正确显示网页内容的文件头，向浏览器传回信息，以正确显示网页内容l nhttp-equiv属性参数值属性参数值lcon

17、tent-type（显示字符集的设定），设定页面使用的字符集。（显示字符集的设定），设定页面使用的字符集。 u lexpires（期限），用于设定网页的到期时间（期限），用于设定网页的到期时间 u lpragma（Cache模式），禁止浏览器从本地计算机的缓存中访问页面内容模式），禁止浏览器从本地计算机的缓存中访问页面内容 u ，该种设定访问者将无法使，该种设定访问者将无法使用脱机浏览功能用脱机浏览功能 lrefresh（刷新），自动刷新并指向新页面。（刷新），自动刷新并指向新页面。 u l window-target（显示窗口的设定），强制页面在当前窗口以独立页面显示（显示窗口的设定），强制

18、页面在当前窗口以独立页面显示 u，可以用来防止别人在框，可以用来防止别人在框架里调用自己的页面架里调用自己的页面 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4标记-name属性nname属性属性l主要用于描述网页，与之对应的属性值为主要用于描述网页，与之对应的属性值为content，content中的内容主要是便中的内容主要是便于搜索引擎查找信息和分类信息用的。于搜索引擎查找信息和分类信息用的。 l nname属性参数值属性参数值lkeywords（关键字），（关键字），keywo

19、rds用来告诉搜索引擎该网页的关键字是什么用来告诉搜索引擎该网页的关键字是什么 。 u ldescription（网站内容描述），（网站内容描述），description用来告诉搜索引擎网站的主要内容用来告诉搜索引擎网站的主要内容 u lauthor（作者），标注网页的作者（作者），标注网页的作者 u lrobots（机器人向导），（机器人向导），robots用来告诉搜索机器人需要索引的页面有哪些。用来告诉搜索机器人需要索引的页面有哪些。 u Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-622

20、6-4标记n 标记标记l标记定义了文档的基础标记定义了文档的基础URL地址，在文档中所有的相对地址形地址，在文档中所有的相对地址形式的式的URL都是相对于这里定义的都是相对于这里定义的URL而言的而言的 。 l文档中的文档中的标记不能多于一个，必须放于头部，并且应该在任何标记不能多于一个，必须放于头部，并且应该在任何包含包含URL地址的语句之前地址的语句之前 n标记属性标记属性lhref属性属性 ，指定了文档的基础，指定了文档的基础URL地址，该属性在地址，该属性在标记中是必标记中是必须存在的须存在的 。 ultarget属性属性 target属性同框架一起使用，它定义了当文档中的链接被点属性

21、同框架一起使用，它定义了当文档中的链接被点击后，在哪一个框架中展开页面。击后，在哪一个框架中展开页面。l常用的常用的target的属性值有：的属性值有：_blank ，_self ，_parent ，_top u 表明页面上所有的链接都在新窗口打开表明页面上所有的链接都在新窗口打开Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4标记n 标记标记l标记定义了文档之间的包含标记定义了文档之间的包含 。 l在在HTML的头部可以包含任意数量的的头部可以包含任意数量的标记标记 n 标记属性标记

22、属性ltype，用于指定被包含的文件类型。例如，用于指定被包含的文件类型。例如，text/css是指包含一是指包含一个层叠样式表文件。个层叠样式表文件。 lhref，指向被包含资源的，指向被包含资源的url地址地址 。 ltitle，一个字符串，用于描述该链接关系。，一个字符串，用于描述该链接关系。 lrel，定义，定义HTML文档和所要包含资源之间的链接关系文档和所要包含资源之间的链接关系 例如：例如：Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4文件体标记n 标记标记l在在标记对

23、之间的部分称为标记对之间的部分称为html文文档的文件体。文件体中描述的是浏览器中显示的内容。档的文件体。文件体中描述的是浏览器中显示的内容。 l在在标记对之间可包含标记对之间可包含、等标记，它们所定义的文本、图等标记，它们所定义的文本、图像以及超链接等将会在浏览器中显示。像以及超链接等将会在浏览器中显示。 n 标记属性标记属性l一般属性一般属性l事件属性事件属性Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4标记属性-1标记一般属性标记一般属性Web程序设计程序设计（第二版），北京：

24、中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4标记属性-2标记事件属性标记事件属性Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4一个简单HTML文档示例文本编辑器文本编辑器 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4一个简单HTML文档示例（Cont1）使用使用FrontPage编辑编辑 Web程序

25、设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4一个简单HTML文档示例（Cont2）在浏览器中打开在浏览器中打开 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4文档内容常用标记n 标题、段落标记标题、段落标记 n 文本格式标记文本格式标记l字体标记字体标记 l粗体、斜体和下划线标记粗体、斜体和下划线标记n 图像标记图像标记 n 超链接标记超链接标记 n 影像地图标记影像地图标记 n

26、走马灯标记走马灯标记 n 注释标记注释标记Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4标题标记n标题标记标题标记l n标记属性标记属性lAlign使用IntelliSense技术查看标记属性Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4段落标记、换行标记n段落标记段落标记l，标记一个段落，输出位置转到下一行开始，并增加一个空，标记一个段落，输出位置转到下一行开始，并增加一

27、个空行。行。n标记属性标记属性Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4水平线标记n段落标记段落标记l水平线标记水平线标记 ，插入一条水平线。，插入一条水平线。 单标记。单标记。n标记属性标记属性lwidth代码：Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4文本格式标记n字体标记字体标记 l常用的属性有常用的属性有face、size和和color，分别设置字体、文字大

28、小和颜色。，分别设置字体、文字大小和颜色。 n粗体、斜体和下划线标记粗体、斜体和下划线标记 l、 n字体放大、缩小、上标和下标显示标记字体放大、缩小、上标和下标显示标记 l、 n、 l标记和标记和标记类似，都是字体加粗标记。标记类似，都是字体加粗标记。 l标记和标记和标记类似，是斜体强调标记。标记类似，是斜体强调标记。 l为打字字体为打字字体 Courier字体，字母等宽标记。字体，字母等宽标记。l为传记引述斜体效果标记。为传记引述斜体效果标记。 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6

29、226-4文本格式标记（举例）n标记的联合使用举例标记的联合使用举例Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4图像标记n图像标记图像标记 l 单标记，用以插入图像单标记，用以插入图像 n标记属性标记属性l align：设置图像的对齐方式：设置图像的对齐方式 l id：指定的图片：指定的图片id号，用于对图像的程序访问号，用于对图像的程序访问l class：指定图像所属的类型（样式类）：指定图像所属的类型（样式类） l name：用于设定图像的名称，用于对图像的程序访问。：用于设定

30、图像的名称，用于对图像的程序访问。l src：设置插入图像的：设置插入图像的url地址，即插入图像的路径和文件名。地址，即插入图像的路径和文件名。 l title：属性值为一字符串，鼠标指向图片时，鼠标右下角显示标题文本。：属性值为一字符串，鼠标指向图片时，鼠标右下角显示标题文本。 l alt：设置图像替代文字，主要用于在浏览器还没有装入图像（或关闭图像显示）的时候，此：设置图像替代文字，主要用于在浏览器还没有装入图像（或关闭图像显示）的时候，此图像的显示信息。图像的显示信息。l border：设置图片边框。：设置图片边框。 l height和和width：分别用于设置图像的高度和宽度：分别用

31、于设置图像的高度和宽度 l hspace和和vspace：分别用于设置图像的左右边框大小和上下边框大小。：分别用于设置图像的左右边框大小和上下边框大小。 l ismp和和usemap：在应用图像地图（：在应用图像地图（map）时使用。）时使用。 n事件属性事件属性 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4图像标记（Exa）Title属性属性n如果在提示信息如果在提示信息中，需要换行，中，需要换行，可以使用可以使用“
”或或“
”来完成来完成换行输

32、出换行输出n例如：例如：title= 提示：提示：
 泰山日出泰山日出Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4例2-2图像标记的应用示例Taishan IntroductionWeb程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4例2-2图像标记的应用示例（显示结果）在浏览器中的显示在浏览器中的显示Web程序设计程序设计（第二版），北京：中国水利水电出版社，（

33、第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4超链接标记 n超链接的分类超链接的分类 l文本超链接文本超链接 u字符串字符串 l图片超链接图片超链接u n定义书签定义书签l书签文本书签文本n标记其它常用属性标记其它常用属性ltarget属性，定义超链接打开的目标窗口。属性，定义超链接打开的目标窗口。 u_self（相同框架），（相同框架），_blank（新建窗口），（新建窗口），_top（整页），（整页），_parent（父窗口）。（父窗口）。 ltitle属性，属性值为一字符串，鼠标指向超链接时，鼠标右下角显示标题文本。属性，属性值为一字符串

34、，鼠标指向超链接时，鼠标右下角显示标题文本。 lonclick事件属性事件属性Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4例2-3超链接标记使用示例Shandong Travel美丽的山东美丽的山东济南济南 青岛青岛 曲阜曲阜 泰山泰山 烟台烟台 威海威海 日日照照济南济南青岛青岛主要旅游网主要旅游网返回返回关闭窗口关闭窗口Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4例

35、2-3 显示网页在浏览器中的显示在浏览器中的显示 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4影像地图标记 n什么是影像地图什么是影像地图l所谓影像地图，就是在一个图片上定义一系列区域，每个区域对应一个超链接。所谓影像地图，就是在一个图片上定义一系列区域，每个区域对应一个超链接。 n标记形式标记形式 n热点标记（热点标记（）属性）属性lhref属性，用于设定该热点所链接的属性，用于设定该热点所链接的url地址。地址。lshape和和coods属性，属性，shape和和coords是

36、两个主要的参数，用于设定热点的形状和是两个主要的参数，用于设定热点的形状和大小。大小。ushape=“rect” ，shape=“circle” ，shape=poligon Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4在Frontpage 2003中设置影像地图标记n首先插入一幅图片，然后在图片上右单击，执行首先插入一幅图片，然后在图片上右单击，执行“显示图片工具栏显示图片工具栏”命令，命令，即可定义热点区域。即可定义热点区域。Web程序设计程序设计（第二版），北京：中国水利水电

37、出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4走马灯标记n“走马灯走马灯”标记标记用于标记一行或多行滚动的文本，也可用于标记一行或多行滚动的文本，也可以将文本带有超链接，以增加网页的动态效果。以将文本带有超链接，以增加网页的动态效果。 n标记常用属性标记常用属性lalign属性，设定活动字幕的位置，取值可以是属性，设定活动字幕的位置，取值可以是left、center、right、top或或bottom。 l bgcolor属性，设定活动字幕的背景颜色，一般是十六进制数。属性，设定活动字幕的背景颜色，一般是十六进制数。 ldirecti

38、on属性，设定活动字幕的滚动方向，取值可以是属性，设定活动字幕的滚动方向，取值可以是left、right、up或或down。 lbehavior属性，设定滚动的方式，主要有三种方式：属性，设定滚动的方式，主要有三种方式：behavior=“scroll”表示由一端表示由一端滚动到另一端；滚动到另一端；behavior=“slide”表示由一端快速滑动到另一端，且不再重复；表示由一端快速滑动到另一端，且不再重复； behavior=“alternate”表示在两端之间来回滚动。表示在两端之间来回滚动。 lheight和和width属性，设定滚动字幕的高度和宽度。属性，设定滚动字幕的高度和宽度。

39、lhspace和和vspace属性，设定滚动字幕的左右边框和上下边框的宽度。属性，设定滚动字幕的左右边框和上下边框的宽度。 lscrollamount属性，设定活动字幕的滚动距离。属性，设定活动字幕的滚动距离。 lscrolldelay属性，用于设定滚动两次之间的延迟时间。属性，用于设定滚动两次之间的延迟时间。 lloop属性，用于设定滚动的次数，当属性，用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。表示一直滚动下去，直到页面更新。 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-50

40、84-6226-4走马灯标记举例n例例1活动字幕内容第一行活动字幕内容第一行活动字幕内容第二行活动字幕内容第二行活动字幕内容第三行活动字幕内容第三行n例例2欢迎光临欢迎光临n例例3滚动的内容带有超链接，可以将内容用滚动的内容带有超链接，可以将内容用标记，即：标记，即：活动字幕内容活动字幕内容 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4走马灯标记显示效果n 显示显示Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，IS

41、BN:978-7-5084-6226-4走马灯标记举例（代码）活动字幕内容第一行活动字幕内容第一行活动字幕内容第二行活动字幕内容第二行活动字幕内容第三行活动字幕内容第三行站点更新站点更新.泰山欢迎您泰山欢迎您Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4表格（Table）n什么是表格？什么是表格？l表格是由行、列构成的。每一行可以分成若干列，每一列成为一表格是由行、列构成的。每一行可以分成若干列，每一列成为一个单元格，相邻的单元格可以合并。个单元格，相邻的单元格可以合并。l应用应用u

42、页面布局页面布局n相关标记相关标记l表格标记表格标记u l行标记行标记u l列标记列标记u Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4表格相关标记属性n标记属性标记属性l一般属性一般属性l事件属性事件属性Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4例例2-42-4使用表格示例n HTML表格表格Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北

43、京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4例例2-42-4使用表格示例（代码） 学生成绩等记表学生成绩等记表 学学  号号 姓姓  名名 高等数学高等数学 英英  语语 2008000001 张三张三 95 90 说说 明明 成绩成绩=平时平时*20%+期末期末*80% 2006年年1月月 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4表格的复杂设计n 表格嵌套表格嵌套l 单元格内定义表格

44、单元格内定义表格n 立体表格设计立体表格设计l 设置表格单元格属性设置表格单元格属性n 表格居中表格居中Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4表单（form）n用户交互用户交互l表单表单l表单标记表单标记 n表单元素表单元素l单行文本框输入单行文本框输入l密码文本框输入密码文本框输入 l多行文本框输入多行文本框输入 lbutton按钮输入按钮输入 lradio单选钮输入单选钮输入 l复选框输入复选框输入l复选列表框输入复选列表框输入lhidden隐藏元素隐藏元素 l文件上传文

45、件上传 l表单提交按钮标记表单提交按钮标记submit/reset Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4表单标记n一般形式一般形式 表单元素表单元素 n标记属性标记属性lname属性，给出表单的名称，用于脚本编程属性，给出表单的名称，用于脚本编程 lmethod属性，属性，method属性用来定义服务器表单处理程序从表单中获得信息的属性用来定义服务器表单处理程序从表单中获得信息的方式方式uget方法将数据打包放置在环境变量方法将数据打包放置在环境变量QUERY_STRING

46、中作为中作为URL整体的一部分传递整体的一部分传递给服务器。给服务器。 upost方法分离地传递数据给服务器表单处理程序，不需要设置方法分离地传递数据给服务器表单处理程序，不需要设置QUERY_STRING环环境变量，因此境变量，因此POST有更好的安全性，表单中数据的多少是任意的，因为这些数据有更好的安全性，表单中数据的多少是任意的，因为这些数据从来也不分配到一个变量里。从来也不分配到一个变量里。 laction属性，设置表单处理程序的网络路径和程序名，当用户提交表单时，服务属性，设置表单处理程序的网络路径和程序名，当用户提交表单时，服务器将执行器将执行action属性所设置的程序。属性所设

47、置的程序。 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4输入类型标记n 一般形式一般形式输入类型标记输入类型标记 n 标记属性标记属性ltype属性，给出输入控件的类型，常用的控件类型有：属性，给出输入控件的类型，常用的控件类型有：text，textarea，radio，checkbox，button，image，hidden，password，file，submit/reset lname属性，设置输入控件的名字，程序需要通过控件名称处理属性，设置输入控件的名字，程序需要通过控件

48、名称处理用户输入数据，同时，设置控件名称可以增加用户输入数据，同时，设置控件名称可以增加HTML代码的可读代码的可读性。性。 lvalue属性，保存用户的输入和选择，服务器通过调用输入区域属性，保存用户的输入和选择，服务器通过调用输入区域的的value属性值来获得输入控件的数据。另外，用户可以通过属性值来获得输入控件的数据。另外，用户可以通过value属性来指定输入区域的缺省值属性来指定输入区域的缺省值 。 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4单行文本框输入标记n单行文本框

49、输入单行文本框输入n主要属性主要属性lname属性，文本框名称，便于程序获取用户输入。属性，文本框名称，便于程序获取用户输入。 lvalue属性，存储文本框的取值，可以设一个初始值。属性，存储文本框的取值，可以设一个初始值。 lsize属性，设置表示文本框的显示长度。属性，设置表示文本框的显示长度。 lmaxlength属性，属性，maxlength是文本框中输入的有效数据长度。是文本框中输入的有效数据长度。 n例如：例如：用户账户：用户账户： Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-62

50、26-4密码文本框输入标记n密码文本框输入密码文本框输入使用输入密码文本框控件，当用户输入密码时，区域内将会显示使用输入密码文本框控件，当用户输入密码时，区域内将会显示*号号 n主要属性主要属性lname属性，文本框名称，便于程序获取用户输入。属性，文本框名称，便于程序获取用户输入。 lvalue属性，存储文本框的取值，可以设一个初始值。属性，存储文本框的取值，可以设一个初始值。 lsize属性，设置表示文本框的显示长度。属性，设置表示文本框的显示长度。 lmaxlength属性，属性，maxlength是文本框中输入的有效数据长度。是文本框中输入的有效数据长度。 n例如：例如：密码：密码：

51、Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4多行文本框输入标记n多行文本框输入多行文本框输入l多行文本框，又称滚动文本框。和其它的输入类型不同，它不是通过多行文本框，又称滚动文本框。和其它的输入类型不同，它不是通过来指定的，它是一个双标记来指定的，它是一个双标记 input text n主要属性主要属性lname属性，多行文本框的名称，便于程序获取用户输入。属性，多行文本框的名称，便于程序获取用户输入。 lrows属性和属性和cols属性，分别用来设置文本框的列数和行数，列与行以字

52、符数为单位。属性，分别用来设置文本框的列数和行数，列与行以字符数为单位。l标记对之间的文本标记对之间的文本input text为显示的初始文本内容。为显示的初始文本内容。 n例如：例如： 请输入简要说明请输入简要说明Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4 button按钮输入n 按钮输入按钮输入input type=button n主要属性主要属性l name属性，属性，name为按钮名称，便于程序对按钮的操作。为按钮名称，便于程序对按钮的操作。 l value属性，属性，v

53、alue为按钮的显示名称。为按钮的显示名称。 button按钮除了具有若干的一般属性外，同时还可以接受各种鼠标事件，具有不同的鼠标和键盘事按钮除了具有若干的一般属性外，同时还可以接受各种鼠标事件，具有不同的鼠标和键盘事件属性。件属性。 n 例如：例如： Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4radio单选钮输入标记 n radio单选钮输入单选钮输入单选钮主要用于从多个可选项中，选择其中之一。往往是若干个单选钮主要用于从多个可选项中，选择其中之一。往往是若干个radio为为一

54、组，他们具有相同的一组，他们具有相同的name，但不同的，但不同的value，从而选择其中之一。，从而选择其中之一。n主要属性主要属性l name属性，单选扭的名称，一般是若干个属性，单选扭的名称，一般是若干个radio一组，取相同的一组，取相同的name。 l checked属性，用来设置该单选框缺省时是否被选中，相同属性，用来设置该单选框缺省时是否被选中，相同name的的多个多个radio中只能有一个选择，或都不使用该参数。中只能有一个选择，或都不使用该参数。 l value属性，存储单旋钮的取值，多个具有相同属性，存储单旋钮的取值，多个具有相同name的单旋钮应该具的单旋钮应该具有不同的

55、有不同的value。 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4radio单选钮举例 n 例如：例如： 性别：性别： 女性女性 男性男性 学历：学历： 学士学士 硕士硕士 博士博士 n 显示显示Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4复选框输入标记n 复选框输入复选框输入l 复选框是对某种输入做出复选框是对某种输入做出“是是”或或“否否”的选择的选择l n 常用属

56、性常用属性l name属性，属性，name为复选框的名称，便于程序获取用户输入为复选框的名称，便于程序获取用户输入l value属性，每一个属性，每一个checkbox 必须有一个必须有一个value，当复选框选中时，当复选框选中时，value值便会传到表单的值便会传到表单的action属性指定的程序中。属性指定的程序中。 l checked属性，用来设置该复选框缺省时是否被选中。属性，用来设置该复选框缺省时是否被选中。 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4复选框输入标记（

57、举例）n 例如例如兴趣爱好：兴趣爱好： 体育体育 音乐音乐 文学文学 其它其它 Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4复选列表框输入标记n 复选列表框复选列表框创建一个下拉列表框或可以复选的列表框，定义复选列表框不需要在创建一个下拉列表框或可以复选的列表框，定义复选列表框不需要在中中指定输入类型指定输入类型 n 标记标记 属性属性l name属性，属性，name为下拉式列表控件名称，便于程序获取用户输入。为下拉式列表控件名称，便于程序获取用户输入。 l size属性，下拉式列

58、表的高度，缺省时值为属性，下拉式列表的高度，缺省时值为1，若没有设置（加入），若没有设置（加入）multiple属性，显属性，显示的将是一个弹出式的列表框。若使用此参数则不会有示的将是一个弹出式的列表框。若使用此参数则不会有PopUp效果。如果小于可选的效果。如果小于可选的项目数量，则出现垂直滚动条。项目数量，则出现垂直滚动条。 l multiple属性，指定是否可以多选。属性，指定是否可以多选。multiple属性不用赋值，直接加入属性不用赋值，直接加入标记中标记中即可使用，加入了此属性后列表框就成了可多选的了。即可使用，加入了此属性后列表框就成了可多选的了。 Web程序设计程序设计（第二版

59、），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4复选列表框输入标记（举例）n 举例举例城市：城市： 北京北京 济南济南 青岛青岛Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4hidden隐藏元素标记n hidden隐藏元素隐藏元素l 在一个表单中，可以定义隐藏表单元素，它在网页上并不显示，不需要用户在一个表单中，可以定义隐藏表单元素，它在网页上并不显示，不需要用户输入，主要目的是随表单一起传给表单处理程序

60、一个特定的值，用于为网页输入，主要目的是随表单一起传给表单处理程序一个特定的值，用于为网页处理程序传送数据。处理程序传送数据。l n 例如例如Web程序设计程序设计（第二版），北京：中国水利水电出版社，（第二版），北京：中国水利水电出版社，2008.12，ISBN:978-7-5084-6226-4文件上传标记n 文件上传标记文件上传标记 n 一般属性一般属性l name属性为控件名称，属性为控件名称，l size属性显示文本框长度。属性显示文本框长度。l Accept属性设置上载文件过滤，即点击属性设置上载文件过滤，即点击“浏览浏览”按钮时，只显示指定文件类按钮时，只显示指定文件类型的文件列表。型的文件列表。 n 例如例如提交论文：提