第01讲Web程序设计概述详解.pptVIP

* 1.表单的结构 Form Name=”form_name” Method=GET/POST Action=”url” Input……/Input Textarea/Textarea Select Option……/Option /Select /Form * 2.文本框、密码框和文本区域 文本框的语法结构如下： Input Type=”Text” Name=”field_name” Maxlength=value Size=value Value=”string” 密码框的语法结构如下： Input Type=”Password” Name=”field_name” Maxlength=value Size=value 文本区域的语法结构如下： Textarea Name=”memo_name” Rows=value Cols=value Value=”string” * 3.单选框与复选框 单选框的语法结构如下： Input Type=”Radio” Name=”field_name” CHECKED Value=”string” 其中CHECKED属性表示此项被默认选中，Value表示选中项目后传送到服务器端的值。 复选框的语法结构如下： Input Type=”Checkbox” Name=”field_name” CHECKED Value=”string” * 4.下拉列表 下拉列表的语法结构如下： Select Name=”select_name” Size=number MULTIPLE Option Value=”select_name” SELECTED选项名称 Option Value=”select_name”选项名称 /Select * 5.文件框 文件框主要是用来浏览客户端的文件列表，然后将选择的文件上传到Web服务器，其语法结构如下： Input Type=”File” Name=”field_name” * 6.隐藏框 隐藏框在页面中对用户是不可见的，用来传送数据给Web服务器。浏览者提交表单时，隐藏框的信息也被一起发送到服务器。其语法结构如下： Input Type=”Hidden” Name=”field_name” Value=”string” 其中Value值用于设定传送的值。 * 7.按钮 表单中的按钮可以分为4种：普通按钮、提交按钮、重置按钮、图片按钮。其语法结构如下： Input Type=”Button/Submit/Reset” Name=”field_name” Value=”button_text” 其中Value值代表显示在按钮上面的文字。 图片按钮的语法结构如下： Input Type=”Image” Name=”field_name” Src=”image_url” 其中Src属性代表图片的路径。 * 1.3.6 框架结构 框架集FrameSet 框架页是一种浏览器窗口的分割技巧，将原来只显示一份HTML文件的浏览器窗口，分割成几个窗口，每一个窗口都可以显示一份HTML文件，每一个窗口称为一个框架。 * 框架集 框架页架构如下所示： HTML HEAD TITLE基本框架分割/TITLE /HEAD FRAMESET FRAME FRAME NOFRAMES …… /NOFRAMES /FRAMESET /HTML * 框架集 浏览器窗口的分割方式有以下两种：左右分割窗口、上下分割窗口，其语法结构分别如下： FRAMESET COLS=“value，value，……” FRAMESET ROWS=“value，value，……” Value定义各个框架的宽度值，单位可以是像素，也可以是百分比。 框架标记FRAME的语法结构如下所示： FRAME Src=“file_name” Name=“framename” 其中，Src属性设置框架显示的文件路径，Name属性设定框架页面的名称，以配合超链接使用。 * 内嵌框架IFrame 内嵌框架标记IFrame不是分割窗口，而是如同图片和表格一样，可以和文字编排在一起，和其他HTML标记一样放在BODY标记间。语法结构如下： IFrame Src=“file_name” Name=“Iframe_name” Align=LEFT/CENTER/RIGHT Width=value Height=value * 本节小结 本章通过三个案例，简单的介绍了HTML语言。“个人简历”案例充分利用了文字、图片及段落的相关标记；“网站导航条”案例则利用了表格和超链接的相关标记；“用户注册”案例回顾了表单的相关标记 。 HTML语言中的标记是网页的基本组成元素，不管多么复杂的网