《网页制作》公选课基本概念.docx

1网页制作相关概念1）WWWWord Wide Web或简称为Web，中文译作万维网，它是Internet提供的一种信息服务。2）HTMLHyperText Markup Language，超文本标记语言，一种描述网页对象构成的脚本语言。3）网页网页是WWW信息访问的一个基本单位，一般网页上都有文字、图片等信息，复杂的网页上还有声音、视频、动画等多媒体信息。4）网站一个Web网站是由一个或多个网页组成，这些网页按照一定的组织结构，以链接等方式连接在一起，形成一个整体，共同描述一组相关主题的信息。5）超级链接它是HTML语言中的特殊的文字标记，它隐含着一个URL，当鼠标单击这些标记时，浏览器就会按URL打开另一张新的网页。6）URL统一资源定位器，在Internet中，要浏览某些信息，就必须知道这些信息在的哪个位置上，在WWW中使用URL（Uniform Resource Locator）定义资源所在地址。URL称为统一资源定位器，即通常所说的“网址”。URL的一般格式为：/：端口号/（1）：指访问该资源所使用的通信协议，即访问该资源的方法。主要的协议有：w http：超文本传输协议，表明访问的资源是HTML文件；w ftp：文件传输协议，表明需要进行FTP文件传输服务；w mailto：电子邮件协议，表明需要进行电子邮件传送服务；w telnet：远程登录协议，表明需要进行远程登录服务；w files：本地文件访问。（2）：访问的服务器的主机域名或IP地址。（3）：访问的服务器使用上述协议的端口号。一般情况下端口号不需要指定。只有当服务器所使用的端口号不是缺省的端口号时才指定（HTTP缺省端口号为80）。（4）：访问的资源文件在WWW服务器上的路径。（5）：访问的资源文件的名称，如果是网站主页就可以缺省。清华大学网站上的某一URL地址如图所示。7）网站、网页的浏览本地浏览：网页文件浏览器：IE浏览器、腾迅（QQ）浏览器远程访问：浏览器：IE浏览器、腾迅（QQ）浏览器网站：如：中国教育科研网、新浪网、网易、搜狐等网址：URL网页文件、首页网页缓存文件夹网页元素 多媒体元素：文字、图形、图像、动画、音频、视频（视听元素）超文本：以文本的方式，链接多媒体文件，描述、构成多媒体媒体信息表现形式：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等 网页制作基础知识1）网页制作的目的和任务内容、功能、形式三方面的统一表现网络信息内容实现页面功能美化版面、布局、元素的形式2）信息的概念客观性：信息是指一切事物存在方式和运动规律的表征。主观性：信息是指人们对世界的认识所形成的各种知识、学问、消息等。信息的载体：（多媒体数据形式） 包括文字、图片、图形、广播、电视、电话通话、语音、音乐、影视、数据库等等。3）美学基础美：符合科学的视觉规律、人们的价值取向美学：通过绘画、色彩和版面展现自然美感的学科美学表现手段：绘画、色彩构成、平面构成 4）网页制作、信息和美学设计的关系网页制作的目的和任务是表现信息的内容，做到内容、功能、形式三方面的统一信息的形式必须符合美学的要求，美学是网页的客观要求美学平面艺术设计的理论是网页设计的重要方法 5）网页制作的有关概念网页制作：网页设计：平面设计网页编程：程序设计网站建设：综合设计 6）网页制作的程序网页设计： 平面设计版面设计色彩搭配技术制作：软件应用 网页制作三剑客网页制作软件图像制作软件动画制作软件脚本语言7）网页制作软件网页制作软件：Dreamweaver MX FrontPage 图像制作软件 ：Fireworks MX Photoshop 动画制作软件 ：Flash MX 脚本语言：HTML、XML、JavaScript、VBScript8）电子商务网站开发（教学）服务器操作系统：Windows 2000 Server服务平台：IIS 5.0（ASP）数据库系统：Access 2000Web开发工具：Dreamweaver MX编程语言：客户端： JavaScript服务端： VBScript2.1 HTML语言基础知识2.1.1 什么是HTMLHyperText Markup Languag，超文本标记语言HyperText “超文本”，指“超级链接”Markup 标记，如：网页制作，起始标记，结尾标记 Language 语言，脚本语言1）HTML起源1.1991年Tim Berner-Lee建立HTML2.1993年Berner-Lee和Connolly完成HTML1.0版3.目前版本为HTML4.0版2）HTML的组成：由数量固定的标准标记和文本组成。3）HTML标记的作用：每对标记（由起始标记、结尾标记及它们中间的文本构成）代表一条计算机指令，主要是描述网页中元素的显示信息，边下载边解释边执行。2.1.2 标记1）标记的构成：标记用符号“”括起，如：、1.起始标记：如：2.结尾标记：如：3.双标记：一对起始标记和结尾标记，构成一个双标记4.单标记：只有起始标记，没有结尾标记，如：、2）标记的作用：每对标记（由起始标记、结尾标记及它们中间的文本构成）代表一条计算机指令，描述页面元素或对象（包括标题、段落、字体、图像、表格等）在浏览器中的显示效果。3）HTML标记的特点：1.描述信息的显示效果、缺乏语义表达。数量固定、标准化、不能扩展。不区分大小写。2.1.3 网页文件结构1）基本结构： .文件头. .文件体. 1.网页文件标志： 创建一个HTML文档 2.文件头： 设置文档标题以及其他不在WEB网页上显示的信息主要组成：标题：无标题文档字符集:关键字：刷新：背景音乐、链接、脚本语言程序、CSS、网页切换效果等文件体： 设置文档的可见部分2.1.4 网页基本元素文本2.图像3.链接4.表格5.框架集6.层7.表单8.样式9.行为2.2 HTML语言语法简要2.2.1 标记的语法要点HTML脚本语言语法简单，所的标记是标准化的且数量固定，常用的标记数量不多，无需专门记忆，只要理解语法的几个要点便可灵巧地应用。1.标记的构成：多数由始标记和尾标记成对构成，如：网页制作，标记相当于一个指令，告诉浏览器文字显示成“最大的标题”。2.单标记：，。3.回车：回车不分行。4.连续空格：只显示一个空格。5.标记不区分大小写；例：、的意义完全相同。6.注释标记：之间的文字，都传统被浏览器略过不予解释。2.2.2 区段的概念HTML为层次结构，每对双标记组成一个“区段”，区段间嵌套结构不能交叉，如： 2.2.3 标记的属性1）标记的构成：1.符号“”，表示：标记的结束。2）属性的格式：属性名=”属性值”属性名=属性值属性名=属性值 /不严格3）实例：2.1 DreamWeaver MX 简介Dreamweaver MX是Macromedia公司发布的集网页设计、代码开发、网站创建和管理于一体的软件。1）主要特点：所见即所得支持各种动态网页及Web应用程序开发，例如：ASP、JSP、ASP.NET、PHP等站点管理方便对汉字的支持还没有完善2）DM的界面安排对比WORD软件介绍DM的界面，比较两者的异同点。界面安排：（是所见即所得的保证条件之一）使编辑区最大化窗口大小（编辑参数选择状态栏）显示工具栏、属性面板关闭不常使用的浮动面板、组合面板代码界面显示的设置自动换行语法颜色自动缩进文件命名规则（网页文件、图像文件等）以英文字母或数字开头、不采用汉字、不含空格原则：分类原则：便于分类组织管理意义原则：能体现文件的作用时间原则：体现网页文件的时间效益首页：index.htm、default.htm框架集：（在后面介绍）2.2 网页文件的组织管理目的：所有文件都保证能够保存在一起能共用相同的图像文件安全可靠1. 建立网站文件夹，组织结构如图所示：网页文件夹图像文件夹动画文件夹v数据库文件夹2. 站点设置（在动态网页部分介绍）2.3 网页文件的创建1）创建网页文件启动Dreamweaver MX，系统自动创建一个空白的网页文件。操作：【文件】 【另存为】，重命名网页，等待编辑。在Dreamweaver MX启动的情况下，选择【文件】 【新建】命令，创建新网页，并重命名网页，等待编辑。2）打开已有的网页在Dreamweaver MX启动的情况下，选择【文件】 【打开】命令，打开已有网页。在资源管理器或我的电脑文件夹中，鼠标右击已有网页文件，弹出下拉菜单，选择【使用Dreamweaver MX编辑】命令，打开已有网页。3）设置网页的页面属性页面属性设置对话框如下图所示，主要设置项有：标题：其内容将在浏览器的标题栏上显示；背景：设置网页的背景颜色（默认背景颜色为白色）；背景图像：一般采用经过处理的对称图像作为背景，背景图像将自动重复充满整个网页。左边界、顶部边界：整个网页与浏览器左侧边界和顶部边界的距离，默认值有几个像素宽，一般设为0。边界宽度、边界高度：一般设为0。 3.1 文字的输入文字是网页中的重要元素，但Dreamweaver对于特殊字符的支持没有完善。1）文字的输入方法：键盘录入（从别的文本源中）复制，粘贴过来。文本导入2）特殊字符的输入方法：从插入菜单中只能插入少量特殊字符；一般的特殊字符需从Word文档中复制，粘贴过来。3）空格的输入方法：键盘空格：多个连续空格只显示一个空格。预格式：当设置为预格式状态，可输入多个连续空格。不换行空格替代符  （在代码窗口中输入空格替代符，表示一个空格）全角汉字输入状态空格：在设计窗口中，可输入多个连续空格。3.2 文字分段与换行 段落回车段落间的间隔宽双标志 换行Shift+回车行间的间隔窄单标志3.2 文字属性设置Dreamweaver中文字属性面板是文字格式设置的有效工具，见下图所示： 格式：标题 字体：font，默认字体字体风格：strong（加粗）、em（斜体）等字号大小：size对齐：align颜色：color，red、black；十六进制：#ff66001）字体：中文字体一般采用默认值（宋体）。2）字号：字号大小的单位为七个级别，是一个相对的单位，不能设置准确的字号。因为用户可在浏览器的菜单中设置字号大小级别。一般不设置文字的字号。由CSS定义字号大小3）段落操作：缩进：使段落文字往中间缩进（使段落文字与左右边界添加空隙），增强网页文字的美观。凸出：缩进的逆操作。列表： 项目列表: 编号列表: 4.1 常用图像格式图像在网页设计的作用：美化页面（背景图像、装饰图像）直接表达网页主题或传递信息1）GIF图像：216-256色，适合颜色少、色调不连续变化小图片、文件小；大面积单调颜色直接显示速度快图标、按钮2）JPEG图像：224色，颜色丰富（多）、色调连续变化，清晰大图片；压缩比，可调整解压显示照片4.2 源文件地址图像的位置图像文件和网页文件都是相互独立的，它们之间的关系是链接关系。网页制作时，只要在网页中表示出图像文件的地址（称为源文件地址）；在网页浏览时，浏览器（IE）会根据图像文件的源文件地址，把图像在网页中显示出来。所以，在网页中添加图像，主要是确定图像文件的源文件地址。1）相对地址相对于网页文件如：images/instrall.gif、./ images/instrall.gif2）绝对地址本机（地）硬盘上的位置如：file:/D|/wwwroot/images/wel025.gif远程主机的位置如：/images/HAI.psd.jpg4.3 网页中添加图像的步骤建立图像文件夹images2.拷贝图像文件到图像文件夹中3.新创建网页文件后需要先保存网页文件4.插入图像5.保存网页文件6.浏览网页（注意刷新）1）步骤解剖：步骤13为关键步骤：主要作用是确定本网页文件与链接对象之间的相对位置。步骤35，利用属性面板，添加链接。步骤6，验证添加链接是否正确。2）注意事项：图像文件夹须放在网站文件夹内。这样可以获取相对地址。图像文件名最好是采用英文、数字和下划线组合而成。不能采用汉字、空格或其它特殊字符构成，因为，在Dreamweaver图像属性面板的源文件地址中会产生乱码，造成图像的地址解析错误。先完成关键步骤，才能在Dreamweaver内添加图像的操作。作为美化页面的图像主要是添加表格的背景图像在表格的应用中介绍。4.4图像的属性设置通过图像属性面板进行图像的属性设置，如下图所示，设置的内容有： 源文件相对地址（路径）图像大小宽、高、重设大小替代鼠标停靠，显示文字边框保持图像的完整性对齐方式垂直方向对齐：对齐（A）下拉列表。水平方向对齐：三个对齐按钮 链接、热点、对象名称（链接部分介绍）4.5图像占位符 操作：【插入】【图像占位符】 作用：在图像文件下载完成之前提前预示图像信息使图像与其它元素的相对位置稳定保持网面的完整性5.1 链接的有关概念链接是Web的（三大）关键技术之一，也是网络信息的主要组织方式。通过链接把网站上相互独立网页或其它资源联系起来，构成一个有机的整体，并延伸到整个网络。链接关系：指从一个网页指向一个目标对象的连接关系链接的作用：通过点击链接点，使用户可以访问与该网页有链接关系的对象，从而体现了网页的操作性。使各个独立的网页或其它元素形成一个有机的整体。链接对象链接中的目标对象链接点含有链接（关系）的网页元素（如文字、图像、表格等几乎所有网页元素都可以链接点）或图片中的某个区域（称为热区）。链接目标打开链接对象的目标窗口。1）链接地址（路径）：绝对路径URL相对路径站点根目录相对路径网页相对路径2）链接目标打开网页的目的地窗口：Blank 新窗口Self 原窗口Parent 父窗口Top 顶窗口3）链接分类按网页链接对象的相对位置来分类：外部链接：链接指向本网页以外。其它网页其它元素E-mail热区（图片）内部链接：链接指向本网页的内部。锚点5.2添加链接的步骤拷贝链接对象到相应文件夹中新创建网页文件后需要先保存网页文件选取链接点4.添加链接5.设置链接目标6.保存网页文件7.浏览网页（注意刷新）1）步骤解剖：步骤13为关键步骤：主要作用是确定本网页文件与链接对象之间的相对位置。步骤35，利用属性面板，添加链接。步骤6，验证添加链接是否正确。2）注意事项：链接对象文件夹须放在网站文件夹内。这样可以获取相对地址。链接对象文件名最好是采用英文、数字和下划线组合而成。不能采用汉字、空格或其它特殊字符构成，因为，在Dreamweaver属性面板的源文件地址中会产生乱码，造成链接的地址解析错误。先完成关键步骤，才能在Dreamweaver内添加链接的操作。5.3锚接如果是同一网页中的不同位置之间的链接关系，称为锚接。链接对象称为锚点。锚点的分类：未命名锚点网页顶端与其它位置之间的链接命名锚点网页中某一位置与其它位置之间的链接1）未命名锚点的操作步骤：选取链接点链接地址：#链接目标：无2）命名锚点的操作步骤：插入锚点给锚点命名选取链接点链接地址：# + 锚点名链接目标：无3）锚点的命名由字母和数字构成区分大小字5.4链接点外观设置链接点颜色未访问过的链接已访问过的链接活动链接下划线（css）鼠标形状(css)6.1 框架与框架集的有关概念框架是网页的版面布局的重要技术，包括框架和框架集两种技术。框架（frame）：把网页窗口分割成多个区域，形成多个小窗口，每个小窗口就是一个框架，每个框架对应一个独立的网页文件。框架集（frameset）：定义一组框架的数目、大小、位置、及各个框架页面文件的地址等属性的网页文件。框架集并不在浏览器中显示它的本身，只是存储所属框架的有关信息和显示所属框架网页。框架是框架集的组成元素，各框架页面的关系是平等的。框架的作用：1、拆分窗口和网页布局（手段）把一大窗口划分为相对独立的若干小窗口（区域），每个小窗口可以装载一个独立的页面，各个页面既各自独立又相互联系，是网页信息结构的组织方式。通过对窗口平面的拆分，使网页版面结构得到合理的布局。2、加快网页的传输速度、使网页间的切换更加顺畅（目的）对于同一个栏目的网页，有很多结构和内容是一样的，如：标志、导航、某些版块、页底等，从网页的传输和切换来看，这些网页内容是不必要更新的。6.2框架集的创建和保存任何复杂的框架结构都有可以由简单的顶部框架和左右框架组合而成。创建框架集的步骤：1.新建网页文件2.插入面版 框架顶部框架（或左右框架）保存框架集的步骤：保存次序：先框架，后框架集1.选取上框架文件保存框架命名为：f-u.htm2.选取下框架文件保存框架命名为：f-d.htm3.选取框架的边框文件保存框架页命名为：f.htm结果：框架集文件为： f.htm上框架文件为： f-u.htm、 下框架文件为： f-d.htm6.3 框架与框架集属性的设置框架集的属性设置行：rows=95,*列：cols=*边框宽度： border=0边框： frameborder=yes边框颜色： bordercolor=#990000“边框间隔：framespacing=0框架的属性设置框架名称：name=u地址：src=u.htm边框：frameborder=yes边框颜色：bordercolor=#009900滚动条：scrolling=NO能否调整框架窗口大小：noresize6.4框架集中的链接设置链接地址（与非框架结构链接地址一样）链接目标打开网页的目的地窗口：Blank 新窗口Self 原框架窗口（本框架名） 原框架窗口（其它框架名） 其它框架窗口Parent 父窗口Top 顶窗口非框架结构中的链接目标：Self、Parent和Top作用相同。框架结构中的链接目标主要以框架名来标示。第八章 网页视听元素 多媒体 8.0视听元素概述视听元素使信息的表达更加形象生动；视听元素以多媒体文件的形式独立存在；视听元素比文本和图像更大的数据量，不利于信息的检索，且数据量大、占据网络传输带宽大、传输下载速度更慢；多媒体文件在网页中的播放一般需要专门的播放软件（也称为浏览器插件），如果系统中没有安装多媒体播放插件，多媒体将不能播放。8.1网页中视听元素Flash动画：swf声音：wav、mp3视频：realPlayer格式：rm、rmvb等Media Player格式：avi、asf等JAVA小程序Applet8.1网页中视听元素视听元素特点：表示的信息量大，形象生动；数据量大，需压缩与解压缩；文件格式多，不同类型的文件需专门的播放软件。视听元素在浏览器中播放的特点：浏览器（IE）主要功能是解释HTML脚本代码，不能播放网页中链接的多媒体文件；可调用专门的多媒体播放软件 插件；8.2插件插件浏览器插件DW插件浏览器插件浏览器中运行（播放）这些（多媒体）文件时所需的软件称为浏览器插件。有些多媒体文件无需其他程序就可以播放， 而有许多多媒体文件需要外部程序才能播放。如果浏览器没有安装这种外部程序，那么浏览器会不能正常播放这些多媒体文件。8.2插件DW插件用于拓展DreamWeaver的功能Command命令Object对象Behavior行为DreamWeaver Exchange DreamWeaver功能扩展管理器8.3在网页中添加Flash动画实例8.3在网页中添加Flash动画拷贝Flash文件到动画管理文件夹中保存网页文件插入Flash动画保存网页文件浏览网页（注意刷新）8.3在网页中添加Flash动画 默认代码 8.3在网页中添加Flash动画 简化代码 8.4在网页中添加声音声音元素的特点：主要格式有 .wav 、 .mp3 播放声音文件的软件多，易造成混乱，可能失败；在网页中添加声音的步骤：拷贝声音文件到多媒体管理文件夹中插入媒体设置属性保存网页文件8.4在网页中添加声音无指定播放插件代码：指定播放插件代码：type=audio/x-pn-realaudio-plugin“参数设置：自动播放：autostart=true循环播放：loop=true“、loop=“1显示尺寸：width=311 height=52“背景音乐： hidden=true“8.5在网页中添加视频 Real视频Real视频元素的特点： 扩展名.rm.rmvb.ram等 文件小、流技术 安装的插件RealPlayer 必须指定插件自动识别有无图像： 8.5在网页中添加视频 Real视频控制代码：定义播放界面 8.5在网页中添加视频 Real视频定义状态栏8.5在网页中添加视频 Real视频定义控制面板8.5在网页中添加视频 Real视频实例：乔丹十大空中闪躲上海滩8.5在网页中添加视频 Media Player视频MP视频元素的特点：扩展名.avi.asf.wmv等文件大、流技术安装的插件Media Player必须指定插件自动识别有无图像： 8.5在网页中添加视频 Media Player视频有图像的media播放器：(自动调用网上的插件)8.5在网页中添加视频 Media Player视频无图像的media播放器：(自动调用网上的插件)第九章 网页布局元素 层 9.0层概述层（Layer）是一种 HTML 页面元素，可以将它定位在页面上的任意位置。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。层可以前后放置，可以显示或隐藏。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。使用层可以设计页面布局和定位其它元素。层的实现是CSS的一个应用。9.1层的特点层是一种 HTML 页面元素，它可以作为页面其它元素的载体，具有如下特点：可以装载文本、图像或其他任何可在 HTML 文档正文中放入的内容；可以放置在页面任意位置；可以水平移动；可以改变前后放置顺序；可以显示及隐藏；9.1层的特点层的作用：（灵活）定位（三维化）布局层的局限性：层常用绝对定位，对屏幕分辨率敏感；层的操作相对复杂；9.2层的类型根据标签的不同来分类：Div 层 块元素（Dreamweaver 默认 ） Span 层 内联元素 layer 和 ilayer 层 （只有 Netscape Navigator 4 支持） 根据嵌套关系来分类： 普通层 嵌入式层 Div 与Span 层的区别： 对于不支持层的浏览器中，可让Div 层的内容出现在自己的段落中。 9.3层的操作创建层： 创建普通层： 选择 布局 描绘层 图标 在页面设计窗口中拖动鼠标 9.3层的操作无标题文档!-#Layer1 position:absolute;left:110px;top:84px;width:151px;height:77px;z-index:2;9.3层的操作创建嵌套层指在一个层中创建另一个层。创建步骤与普通层相同父子关系，当移动父层时，子层也跟随移动。9.3层的操作层的选取； 点击层的选择柄 层的删除： 选取层 按“delete” 键进行删除 调整层的大小： 拖动层的可控点便可以调整层的大小 层的移动： 拖动层的选择柄就可把层移动到页面的任何位置 9.4层属性的设置9.4层属性的设置Z轴：指定层的Z-编号（或堆叠顺序号） 。编号大的层被放置在编号小的层的上方。编号可正可负，也可以是0。 显示：决定层的初始显示状态。 Default ：不指定可见性属性，但多数浏览器把本项解释为Inherit（继承）。 Inherit ：继承（父层的可见属性）Hidden ：隐藏层的内容，忽略父值。 Visible ：显示层的内容，忽略父值。 背景图像：使用图像文件作为层的背景。9.4层属性的设置背景颜色： 使用某单一的颜色作为层的背景。 溢出： 当层的内容超过层的指定大小时，如何显示层。 Visible ： 表示向下及向右自动扩大层的尺寸，以容纳并显示层的内容。 Hidden ： 表示保持层的尺寸，超出部分将被剪切，不显示滚动条 。 Scroll ： 表示在层中始终出现滚动条。 Auto ： 表示当层的内容超出范围时，才自动添加滚动条。 9.4层属性的设置剪辑： 定义层的可见区域。通过设置左、右、上、下的值来设定距层边界的距离。 9.5层的应用下拉式菜单时间轴静止层数字时钟9.5层的应用绝对定位与相对定位 进入代码视图，层的相应代码： position: absolute;left:0px;top:0px绝对定位（absolute）：坐标原点为浏览器的左上角 相对定位（relative）：坐标原点为层所在容器的左上角第十章 网页基本元素 表单 10.0表单概述在Web页面中，用户填写完表单中的相关信息后，通过单击表单中的【提交】按钮，即可将填写的内容从客户端浏览器传送到Web服务器上，实现客户端与服务器端的信息交换。表单主要负责数据采集的功能，是信息双向传输基础。表单上传到服务器的信息需要服务器应用程序来处理，主要包括：ASP、JSP、CGI、Perl、c#等。10.1表单的组成及属性表单的组成：表单标签：包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单元素（对象）：包含了文本域、文本区域、隐藏域、复选框、单选框、按钮等。表单的有关菜单如图所示：10.1表单的组成及属性表单标签：form/form功能： 用于定义表单，定义采集数据的范围，也就是form和/form里面包含的数据将被提交到服务器或者电子邮件里。语法：FORM name=form1“ ACTION=URL METHOD=GET|POST ENCTYPE=MIME TARGET=.“ . /FORMaction=url 指定处理表单的格式。它可以是一个URL地址(提交给程序文件)或一个电子邮件地址。method=get或post 指明提交表单的方式。10.1表单的组成及属性表单的属性： 表单名称： 用来设置表单的名称。对应标签为name=form1“ 动作： 指定用来处理表单数据的程序，一般是ASP 或CGI 程序的完整地址，也可以是E-mail 地址。对应标签为action=url 目标： 打开返回信息的窗口。对应标签为TARGET=.“ 10.1表单的组成及属性方法：设置表单的提交方式。默认值为POST。对应标签为method=get或post 。 get方法将表单中的数据附在“action”指定的地址后面传送出去（地址的总长度不能超过8192个字符）； post方法是将表单中数据作为一个文件提交，传送的数据量大。MIME 类型： 指明用来把表单提交给服务器时(当method值为“post”)的媒体形式。缺省值是“application/x-www-form-urlencoded“。 对应标签为： ENCTYPE=MIME 。 10.2表单元素（对象）及其作用文本域一种让用户输入文本内容的表单对象，通常被用来填写任何类型的字母或数字项，如姓名、密码、地址等。文本域的类型有：单行、多行和密码。单行文本框：代码格式：input type=text name=. size=. maxlength=. value=.10.2表单元素（对象）及其作用文本域的属性设置 文本域：该表单对象的名称。对应标签为： name=. 。 字符宽度：设置文本框的宽度，单位是单个字符宽度 。对应标签为： size=.“。 最大字符数：设置文本域中可输入的最多字符数。对应标签为： maxlength=. 。 初始值：设置在文本域中预设显示的文本内容。对应标签： value=.“。10.2表单元素（对象）及其作用类型：设置文本域的显示方式，包括单行、多行和密码。密码框：当选“密码”选项时。 用户输入的内容将显示为“*” 符号。 密码代码格式：多行文本框：当选“多行”选项时。文本域变为文本区域10.2表单元素（对象）及其作用文本区域也是一种让用户输入文本内容的表单对象。不同于文本域的是文本区域可 输入大量的文本内容。 代码格式：TEXTAREA name=. cols=. rows=. wrap=./TEXTAREA 10.2表单元素（对象）及其作用文本区域的属性设置 文本（区）域：该表单对象的名称。对应标签为： name=. 。 字符宽度：设置文本框的宽度，单位是单个字符宽度 。对应标签为： cols=. 。 行数：设置文本框的高度，单位是单个字符宽度 。对应标签为： rows=. 。 10.2表单元素（对象）及其作用换行：定义输入内容大于文本域时显示的方式，可选值如下：默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现； Off，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用Return才能将插入点移到下一行； 10.2表单元素（对象）及其作用Virtual，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现； Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理。 对应标签为