第1章1.2实验指导-Web编程技术概要.ppt

1.7 实验指导 HTML的基本框架 详细介绍了HTML的各种常用标记：文字标记、图片标记、超级链接标记，等等 CSS的基本使用方法，如何让CSS与HTML协同工作 JavaScript中的变量、数组、表达式、运算符、流程控制语句 JavaScript的函数、内置对象、浏览器对象的层次和DOM模型的建立和使用 1.7.1 使用HTML HTML是一种结构化的语言，它使用类似于“tag…／tag’的结构来描述头部信息、段落、列表、超链接、图片、表格等所有内容。其中“tag”被称为起始标记，“／tag”被为结束标记，统称标记。由起始标记、结束标记及其中间内容组成的是HTML元素 HTML网页框架 HTML一般的组成结构 ? ?1、头部。头部的HTML写法就是 head头部的内容/head ? ?2、眼睛。一个网页的眼睛应该就是它的页面的标题，眼睛是长在头上的，所以title标题/title这些应放在head和/head之间。 也就是 headtitle标题/title/head  HTML网页框架 ? ?3、身体。身体是网页最主要的部分了，因为前面讲的都不是页面所显现出来的，而大家所看到的页面页就是他的身体部分了（当然它的TITLE可以在浏览器的最左上角可以看到），身体----BODY，他的写法也就是：body页面内容/body ? ?4、 这些部分组成一体----网页，用html/html把他们给包起来。 下面是一个最简单的标准网页 HTML网页框架 html? head? ? title? ? 我的标题? ? /title? /head? body? b我的大学生活/b? /body/html HTML的常用标记元素 HTML的常用标记元素有一些共同特点：都放在BODY标记里面。 常用的标记元素有字体标记、图片标记、超级链接、列表、表格和表单…… 字体标记 图片标记 超级链接 列表 基本表格 TABLE是表格的基本标记。TR代表表格的行，TD代表表格的列。 表格的灵活应用 Cellpadding和Cellspacing属性 Cellpading的意思是单元格的边距，指的是字与单元格边框的距离。Cellspacing的意思是单元格间距，指的是单元格之间的距离。 表单 表单的功能是收集用户信息实现系统与用户交互。比如E-mail信箱的注册页面就是一个十分典型的表单页面。 表单信息的处理过程如下：当单击表单中的提交按钮时，表单中的信息就会上传到服务器中，然后由服务器端的应用程序（例如CGI，ASP，PHP，JSP等）进行处理，处理后将用户提交的信息存储在服务器端的数据库中，或者将有关信息返回到客户端浏览器上。 表单头及其属性 表单头及其属性 表单的通用格式是：FORM METHOD=“Post” ACTION=“do_submit.asp”XX /FORM。 表单元素包含在FORM标记中，有两个重要的属性：METHOD=“Post”或“Get”，Post和Get方式的区别在于Post是一种邮寄的方式，在浏览器的地址栏中不显示提交的信息，这种方式传送的数据量的大小没有限制；Get方式将信息传递到浏览器的地址栏上，最大传输的信息量是2 KB。当不指明是哪种方式时，默认为Get方式。Action属性是设置利用哪个文件来处理所提交的数据。 Get方式如下: 表单头及其属性 html head/Head body % Response.Write Request.Form(UserID) Response.Write Request.Form(UserPWD) % /body /head /html 表单头及其属性 do_submit.jsp(服务器端): % String strUserName = ; String strUserPWD = ; strUserName = request.getParameter(UserID); strUserPWD = request.getParameter(UserPWD); % %=strUserName%br %=strUserPWD% 表单中常用控件 在常用的表单制作过程中，经常遇到的是按钮制作、输入元素的制作等。常见的表单控件包括文本框、文本域、密码框、多选框、单选框和下拉列表框，等等。 表单中常用控件 HTML BODY FORM ACTION=do_subm