网页建立与维护11HTML语言的结构 HIML(超文本标记语言)是一种描述文档结构的标注语言,它使用一些约定的标记对 WW上的各种信息进行标注。当用户浏览wWW上的信息时,浏览器会自动解释这些标 记的含义,并按照一定的格式在屏幕上显示这些被标记的文件。HIML的优点是其跨平台 性。即任何可以运行浏览器的计算机都能阅读并显示HIML文件,不管其操作系统是什么, 并且显示结果相同 HIML文件是标准的ASCI文件,且其后缀名为hm或html的文件。HIML文件看起 来象是加入了许多被称为链接签(tag)的特殊字符串的普通文本文件。从结构上讲,HTML 文件由元素( element)组成,组成HIML文件的元素有许多种,用于组织文件的内容和指 导文件的输出格式。绝大多数元素是“容器”,即它有起始标记和结尾标记。元素的起始标 记叫做起始链接签( start tag),元素结束标记叫做结尾链接签( end tag),在起始链接签和 结尾链接签中间的部分是元素体。每一个元素都有名称和可选择的属性,元素的名称和属 性都在起始链接签内标明。 下面来看一个 HTML文件 第一十乱的洲交件 <HTML> <HEAD> <∏IILE>西安电子科技大学经管院</mLE> <HEAD> <BODY bgcolor= yellow> <P>这是第一个HTML的测试文件<P> </BODY> <HTML> 1.2构成网页的基本元素 1.<ILE>标记 ∏ILE>标记用来给网页命名,网页的名称写在<ITLE>与<m∏TLE>标记之间,显示 在浏览器的标题栏中。例如,在上图中所示的浏览器页面中,其标题栏所显示的“西电经管 院”是在HIML文件中的由<∏E>西电经管院</mLE>所定义的。 2.<Hn>标记 <H1><H1>到<H6>.<H6>标题元素有6种,用于表示文章中的各种题目。字体大小<H1> 到<H6>顺序减小。下面这个例子中分别使用了<H1>到<H6>的标题。其HIML文件如下所 示,在浏览器中的显示效果如右图所示 3.预格式化文本标记pre HIML的输出是基于窗口的,因而HTML文件在输出时都是要重新排版的,即把文本上任 何额外的的字符(如空格、制表符和回车符)都忽略,若确实不需要重新排版的内容,可以 用<pre>.</pre>通知浏览器。在左图和右图中显示了有无预格式化文本标记pe>的对比 i-e.mHt a, n 72. 荐漂一龙的棕努害幕m 高;操理一“宗含“, 4.<BR>和<P>标记 <BR>用于强制换行。<P>表示一个段落的开始。<P>一般可不用 5.<B><D><U>< STRONG><S>标记 这几个标记都是用来修饰所包含文档的。<B>标记使文本加粗;<>标记使文本倾斜 <U>标记给文本加下划线;<S>标记给文本加删除线;< STRONG>标记使文本字体加重 面给出一个HIML源文件,其显示结果如下图所示
1 网页建立与维护 1.1 HTML 语言的结构 HTML（超文本标记语言）是一种描述文档结构的标注语言，它使用一些约定的标记对 WWW 上的各种信息进行标注。当用户浏览 WWW 上的信息时，浏览器会自动解释这些标 记的含义，并按照一定的格式在屏幕上显示这些被标记的文件。HTML 的优点是其跨平台 性。即任何可以运行浏览器的计算机都能阅读并显示 HTML 文件，不管其操作系统是什么， 并且显示结果相同。 HTML 文件是标准的 ASCII 文件，且其后缀名为 htm 或 html 的文件。HTML 文件看起 来象是加入了许多被称为链接签（tag）的特殊字符串的普通文本文件。从结构上讲，HTML 文件由元素（element）组成，组成 HTML 文件的元素有许多种，用于组织文件的内容和指 导文件的输出格式。绝大多数元素是“容器”， 即它有起始标记和结尾标记。元素的起始标 记叫做起始链接签（start tag），元素结束标记叫做结尾链接签（end tag），在起始链接签和 结尾链接签中间的部分是元素体。 每一个元素都有名称和可选择的属性，元素的名称和属 性都在起始链接签内标明。 下面来看一个 HTML 文件: <HTML> <HEAD> <TITLE>西安电子科技大学经管院</TITLE> </HEAD> <BODY bgcolor= yellow> <P>这是第一个 HTML 的测试文件</P> </BODY> </HTML> 1.2 构成网页的基本元素 1．<TITLE>标记 <TITLE>标记用来给网页命名，网页的名称写在<TITLE>与</TITLE>标记之间，显示 在浏览器的标题栏中。例如，在上图中所示的浏览器页面中，其标题栏所显示的“西电经管 院”是在 HTML 文件中的由<TITLE>西电经管院</TITLE>所定义的。 2．<Hn>标记 <H1>…</H1>到<H6>…</H6>标题元素有 6 种，用于表示文章中的各种题目。字体大小<H1> 到<H6>顺序减小。下面这个例子中分别使用了<H1>到<H6>的标题。其 HTML 文件如下所 示，在浏览器中的显示效果如右图所示。 3．预格式化文本标记<pre> HTML 的输出是基于窗口的，因而 HTML 文件在输出时都是要重新排版的，即把文本上任 何额外的的字符（如空格、制表符和回车符）都忽略，若确实不需要重新排版的内容，可以 用<pre>…<／pre>通知浏览器。在左图和右图中显示了有无预格式化文本标记<pre>的对比 4．<BR>和<P>标记 <BR>用于强制换行。<P> 表示一个段落的开始。</P>一般可不用。 5．<B> <I> <U> <STRONG> <S> 标记 这几个标记都是用来修饰所包含文档的。<B>标记使文本加粗；<I>标记使文本倾斜； <U>标记给文本加下划线；<S>标记给文本加删除线；<STRONG>标记使文本字体加重。下 面给出一个 HTML 源文件，其显示结果如下图所示
6.<FONT>标记 <FONT>.<FONT>用来修改字体和颜色。其中 COLOR属性指定文字颜色,颜色的 表示可以用6位十六进制代码,如< FONT COLOR=#00FF00>:SIZE属性指定相对尺寸。 另外,如果用户想要设置网页的背景色和文字颜色,可以将<BODY>标记扩充为: <BODY bgcolor=# text# link=# alink=#f vlink=#f background="imageURL"> 其中各个元素的说明如表8-1所示,表8-2列出了一些常用颜色的RGB值 Bgcolor 置网页背景颜色 设置网页非可链接文字的颜色 Link 设置网页可链接文字的颜色 Alink 置网页正被点击的可链接文字的颜色 Vlink 置网页已经点击的可链接文字的颜色 Background设置网页背景图案 mageURL设置网页背景图案的URL地址 代表颜色RGB值(格式为rgb)它是用16进制的红绿蓝( red-green-blue,RGB 来表示。各种常见的颜色的RGB值如表92所 RGB 黑色( Black) 橄榄色(Oive) 08000 红色(Red) Fo000 深表色(Teal) 暴色( Green) 恢色(Gray) 08080 蓝色(Blue) DOOOFF 深蓝色(Navy) 白色(Whte) FFFFF 浅绿色(Lime) OOFFOO 黄色( Yellow) FFFOO 紫红色( Fuchsia) FOOFF 银色( Silver) COCCO 紫色( Purple) 00080 浅色(Aqu DOFFFF 茶色( Maroon) 00000 23超文本链接指针 超文本链接指针是HIML最吸引人的优点之一,可以这样说,如果没有超文本链接 指针,就没有万维网。使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问 的能力,这更加符合人类的踊跃思维方式。超文本链接指针是指把并不连续的两段文字或两 个文件联系起来。 1.统一资源定位器URL 统一资源定位器( Uniform Resource Locator)是文件名的扩展。在单机系统中,如果要找 一个文件,需要知道该文件所在的路径和文件名:在互连网上同样找一个文件,除了要知道 以上内容之外,显然还需要知道该文件存放在哪个网络的哪台主机中才行。与单机系统不 样的是,在单机系统中所有的文件都由统一的操作系统来管理,因而不必给出访问该文件的 方法:而在互连网上,每个网络,每台主机的操作系统都不一样,因此必须指定访问该文件 的方法。一个URL包括了以上所有的信息。它的构成为: protocol: //machine name[: port]/ directory /filename http://www.xidian.edu.cn/file/index.html 2.建立一个链接 (1)链接到其它站点 在HIML文件中用链接指针指向一个目标。其基本格式为:
2 6．<FONT>标记 <FONT>…</FONT>用来修改字体和颜色。其中 COLOR 属性指定文字颜色，颜色的 表示可以用 6 位十六进制代码，如<FONT COLOR = #00FF00>；SIZE 属性指定相对尺寸。 另外， 如果用户想要设置网页的背景色和文字颜色，可以将<BODY>标记扩充为： <BODY bgcolor=# text=# link=# alink=# vlink=# background = ”imageURL”> 其中各个元素的说明如表 8-1 所示，表 8-2 列出了一些常用颜色的 RGB 值。 标记 说明 Bgcolor 设置网页背景颜色 Text 设置网页非可链接文字的颜色 Link 设置网页可链接文字的颜色 Alink 设置网页正被点击的可链接文字的颜色 Vlink 设置网页已经点击的可链接文字的颜色 Background 设置网页背景图案 ImageURL 设置网页背景图案的 URL 地址 # 代表颜色 RGB 值（格式为 rrggbb）。它是用 16 进制的红-绿-蓝（red-green-blue，RGB） 值来表示。各种常见的颜色的 RGB 值如表 9-2 所示。 颜色 RGB 颜色 RGB 黑色（Black） 000000 橄榄色（Olive） 808000 红色（Red） FF0000 深表色（Teal） 008080 绿色（Green） 008000 灰色（Gray） 808080 蓝色（Blue） 0000FF 深蓝色（Navy） 000080 白色（White） FFFFFF 浅绿色（Lime） 00FF00 黄色（Yellow） FFFF00 紫红色（Fuchsia） FF00FF 银色（Silver） C0C0C0 紫色（Purple） 800080 浅色（Aqua） 00FFFF 茶色（Maroon） 800000 2.3 超文本链接指针 超文本链接指针是 HTML 最吸引人的优点之一，可以这样说，如果没有超文本链接 指针，就没有万维网。使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问 的能力，这更加符合人类的踊跃思维方式。超文本链接指针是指把并不连续的两段文字或两 个文件联系起来。 1． 统一资源定位器 URL 统一资源定位器（Uniform Resource Locator）是文件名的扩展。在单机系统中，如果要找 一个文件，需要知道该文件所在的路径和文件名；在互连网上同样找一个文件，除了要知道 以上内容之外，显然还需要知道该文件存放在哪个网络的哪台主机中才行。与单机系统不一 样的是，在单机系统中所有的文件都由统一的操作系统来管理，因而不必给出访问该文件的 方法；而在互连网上，每个网络，每台主机的操作系统都不一样，因此必须指定访问该文件 的方法。一个 URL 包括了以上所有的信息。它的构成为： protocol:// machine.name[:port]／directory／filename http://www.xidian.edu.cn/ file/index.html 2． 建立一个链接 （1）链接到其它站点 在 HTML 文件中用链接指针指向一个目标。其基本格式为：
<a href ="."> zzz </a> 其中zz可以是文字或图片并显示在网页中,当用户 单击它时,浏览器就会显示由href属性中的统一资源定位器(URL)所指向的目标,实际 上这个ZZZ在HIML文件中充当指针的角色,它一般显示为蓝色。href中的h表示超文本 而ref表示“访问”或“引用”的意思。例如:< a href=htp:/em. xidian. edu. cn”→>西电经管院 用户用鼠标单击“西电经管院”,即可看到西电经管院的主页内容。在这个例子中,充 当指针的是“西电经管院” (2)同一个文件中的链接 超链可以指向自己的计算机中的某一个文件这种链接方式叫做本地链接。前面曾提到过 个超文本链接指针包括两个部分,一个指向目标的链接指针,另一个是被指向的目标 标识一个目标的方法为:< A name="KKK"></A> NAME属性将放置该标记的地方标记为KKK”,KKK是一个全文唯一的标记串,<A> 和<A>之间的内容可有可无。这样,就把放置标记的地方做了一个叫做“KKK”的标记(如 果对 Microsoft word很熟悉的话,这就相当于在Word中的定义“书签”)。做好标记后,可以 用下列方法来指向它。 <ahef="#KKK">转向下一处<a 这时就可以点击“转向下一处”这段文字,浏览器就从标记名为KKK的部分开始显示此 HIML文件的内容了 24在HIML文件中使用图像 1.在HIML文件中显示图像 在浏览器上显示的图像必须有特定的格式,目前使用的浏览器通常支持GIF和JPEG格式的 图像。在HIML网页中加图像是通过<MG>标记实现的,它有几个较为重要的属性。其中 SRC属性:指明图形的URL地址; HEIGHT属性:决定图形的高度 WIDTH属性:决定图形的宽度 BORDER属性:决定边框线的宽度 0表示无边框; ALT属性:指明图像显示的备用文本: 2.在HIML文件中利用图像建立链接 如果在链接标记<A>和<A>的中间放置一个<1MG>标记,这个图像将会成为一个可击点,产 生一个链接。例如: < A HREF= default. asp” <IMG SRC="images/center l. gif"ALIGN=LEFT> 当用户单击这个图像后,浏览器就会显示 default. asp”这个文件的内容了 2.5框架结构的使用 框架能够将页面分成数个独立变化的窗口,每个窗口可以显示不同的web页面,并可以不 断更换显示的对象。使用框架结构,可以使屏幕的信息量增大,使web网页更加吸引读者。 有关框架内容的HIML语法为: <FRAMESET <NOFRAMES>.</NOFRAMES> <FRAME SRC=URL> <FRAMESET> 其中< noframes.< /noframes>中的内容显示在不支持分框的浏览器窗口中,因而 这里指向一个普通版本的HIML文件,以便使用不支持分框浏览器的用户阅读。 分框由< frameset>指定,并且可以嵌套,分区中各部分显示的内容用< frame>指定 需要说明的是, frame许多浏览器不支持它。分框可以将窗口横向分成几个部分,也可以纵
3 <a href = "…"> zzz </a> 其中 zzz 可以是文字或图片并显示在网页中，当用户 单击它时，浏览器就会显示由 href 属性中的统一资源定位器（URL）所指向的目标，实际 上这个 ZZZ 在 HTML 文件中充当指针的角色，它一般显示为蓝色。href 中的 h 表示超文本， 而 ref 表示“访问”或“引用”的意思。例如：<a href = “http://em. xidian.edu.cn/”>西电经管院</a> 用户用鼠标单击“西电经管院”，即可看到西电经管院的主页内容。在这个例子中，充 当指针的是“西电经管院”。 （2）同一个文件中的链接 超链可以指向自己的计算机中的某一个文件这种链接方式叫做本地链接。前面曾提到过 一个超文本链接指针包括两个部分，一个指向目标的链接指针，另一个是被指向的目标。 标识一个目标的方法为：<A NAME="KKK">…….<／A> NAME 属性将放置该标记的地方标记为“KKK”，KKK 是一个全文唯一的标记串，<A> 和 </A>之间的内容可有可无。这样，就把放置标记的地方做了一个叫做“KKK”的标记（如 果对 Microsoft Word 很熟悉的话，这就相当于在 Word 中的定义“书签”）。做好标记后，可以 用下列方法来指向它。 <a href = "#KKK">转向下一处 </a> 这时就可以点击“转向下一处”这段文字，浏览器就从标记名为 KKK 的部分开始显示此 HTML 文件的内容了。 2.4 在 HTML 文件中使用图像 1．在 HTML 文件中显示图像 在浏览器上显示的图像必须有特定的格式，目前使用的浏览器通常支持 GIF 和 JPEG 格式的 图像。在 HTML 网页中加图像是通过<IMG>标记实现的，它有几个较为重要的属性。其中： SRC 属性：指明图形的 URL 地址； HEIGHT 属性：决定图形的高度； WIDTH 属性：决定图形的宽度； BORDER 属性：决定边框线的宽度， 0-表示无边框； ALT 属性：指明图像显示的备用文本； 2．在 HTML 文件中利用图像建立链接 如果在链接标记<A>和</A>的中间放置一个<IMG>标记，这个图像将会成为一个可击点，产 生一个链接。例如： <A HREF=” default.asp” > <IMG SRC=”images/center1.gif ” ALIGN=LEFT> </A> 当用户单击这个图像后，浏览器就会显示“default.asp”这个文件的内容了。 2.5 框架结构的使用 框架能够将页面分成数个独立变化的窗口，每个窗口可以显示不同的 Web 页面，并可以不 断更换显示的对象。使用框架结构，可以使屏幕的信息量增大，使 Web 网页更加吸引读者。 有关框架内容的 HTML 语法为： <FRAMESET> <NOFRAMES>…</NOFRAMES> <FRAME SRC=”URL”> … </FRAMESET> 其中<noframes>...</noframes>中的内容显示在不支持分框的浏览器窗口中，因而 这里指向一个普通版本的 HTML 文件，以便使用不支持分框浏览器的用户阅读。 分框由<frameset>指定，并且可以嵌套，分区中各部分显示的内容用<frame>指定。 需要说明的是，frame 许多浏览器不支持它。分框可以将窗口横向分成几个部分，也可以纵
向分成几个部分,还可以混合分框 框架结构标记可以嵌套,用以实现大框架中的小框架。它主要有两个属性:ROwS 和COLS,它们可以将浏览器页面分为N行M列,当然也可以各自独立使用。下面来看 个框架结构的例子。其HIML源文件如下所示。 <head> <ttfe西电经管院</itle <frameset cols="*140">> <frameset rows=*80"> <frame src=a. htm"names"fl"> <frame src=c. htm"name=f3"> <frame src=d. htm name=f4"> </frameset> </frameset> < frame>标记有以下主要属性: SRC属性指定框架单元的URL源,如第6行中指出的是当前主机当前目录下的“ahtm 文件。即在此框中显示“ahtm”的内容 NAME属性为该框架单元起个标识名,主要用来为将来改变框架内容提供入口 SCROLLING属性设置框架是否使用滚动务。有YES、NO和AUTO三个值,分别表 示强制使用滚动条,禁止使用滚动条和自动判断使用滚动条。 2.6表单的应用 1.什么是表单 HIML提供的表单是用来将用户数据从浏览器传递给Web服务器的。例如可以利用表单建 立一个录入界面,也可以利用表单对数据库进行查询。在这里需要声明的是,表单的操作是 与服务器进行交互的操作,而服务器端的操作是通过服务器端的程序来实现的。实现在服务 器端的操作有许多种方式,其中ASP(动态服务网页)的方式就是一种,它可以通过ADO 方式与多种数据库相连。 ASP( Active Server Page)程序是在服务器端工作,并且通过服务器端的编译动态 地送出HIML文件给客户端,它负责处理HIML文件与运行在服务器端的程序之间的数据 交换。当用户输入他们的信息(这个信息可以是查询条件,也可以是传送给服务器的某些内 容)并提交给服务器后,便激活了一个ASP程序。该ASP程序又可以调用操作系统下的其 他程序(例如数据库管理系统)完成读者的查询任务,当操作系统下的程序完成查询之后, 便把查询结果传给ASP,通过ASP传给Web服务器。由此可以看出,ASP程序在用户与服 务器之间进行交互查询时所起的重要作用 2.表单的标记 表单就是为 Internet网络用户在浏览器上建立一个交互接口,使 Internet网络用户可以在这 个接口上输入自己的信息,然后使用提交按钮,将 Internet网络用户的输入信息传送给web 服务器
4 向分成几个部分，还可以混合分框。 框架结构标记可以嵌套，用以实现大框架中的小框架。它主要有两个属性：ROWS 和 COLS，它们可以将浏览器页面分为 N 行 M 列，当然也可以各自独立使用。下面来看一 个框架结构的例子。其 HTML 源文件如下所示。 <html> <head> <title>西电经管院</title> <frameset cols="*,140" > <frameset rows="*,80" > <frame src="a.htm" name="f1"> <frame src="b.htm" name="f2" scrolling="no"> </frameset> <frameset rows="*,80" > <frame src="c.htm" name="f3"> <frame src="d.htm" name="f4" > </frameset> </frameset> </head> <frame>标记有以下主要属性： SRC 属性 指定框架单元的 URL 源，如第 6 行中指出的是当前主机当前目录下的“a.htm” 文件。即在此框中显示“a.htm”的内容。 NAME 属性 为该框架单元起个标识名，主要用来为将来改变框架内容提供入口。 SCROLLING 属性 设置框架是否使用滚动务。有 YES、NO 和 AUTO 三个值，分别表 示强制使用滚动条，禁止使用滚动条和自动判断使用滚动条。 2.6 表单的应用 1. 什么是表单 HTML 提供的表单是用来将用户数据从浏览器传递给 Web 服务器的。例如可以利用表单建 立一个录入界面，也可以利用表单对数据库进行查询。在这里需要声明的是，表单的操作是 与服务器进行交互的操作，而服务器端的操作是通过服务器端的程序来实现的。实现在服务 器端的操作有许多种方式，其中 ASP（动态服务网页）的方式就是一种，它可以通过 ADO 方式与多种数据库相连。 ASP（Active Server Page）程序是在服务器端工作，并且通过服务器端的编译动态 地送出 HTML 文件给客户端，它负责处理 HTML 文件与运行在服务器端的程序之间的数据 交换。当用户输入他们的信息（这个信息可以是查询条件，也可以是传送给服务器的某些内 容）并提交给服务器后，便激活了一个 ASP 程序。该 ASP 程序又可以调用操作系统下的其 他程序（例如数据库管理系统）完成读者的查询任务，当操作系统下的程序完成查询之后， 便把查询结果传给 ASP，通过 ASP 传给 Web 服务器。由此可以看出，ASP 程序在用户与服 务器之间进行交互查询时所起的重要作用。 2. 表单的标记 表单就是为 Internet 网络用户在浏览器上建立一个交互接口，使 Internet 网络用户可以在这 个接口上输入自己的信息，然后使用提交按钮，将 Internet 网络用户的输入信息传送给 Web 服务器
在HIML中,有一个专门的标记FORM提供表单的功能,由表单开始标记<FORM 和表单结束标记</FORM组成,表单中可以设置文本框、按钮或下拉菜单,它们也是通过 标记完成。在表单的开始标记中带有两个属性:AC∏ON和 METHOD。书写表单的HIML 格式如下 ORI ACTION METHOD=..”> </FORM> FORM标记有以下主要属性: (1) ACTION属性是用来指出,当这个FORM提交后需要执行的驻留在Web服务器上的 程序名(包括路径)是什么。一旦 Internet网络用户提交输入信息后服务器便激活这个程序, 完成某种任务。例如:< FORMACTION=” login. asp” METHOD=POST>,<FORM 当用户点击“提交”按钮以后,Web服务器上的 ogin. asp将接收用户输入的信息,以登记用 户信息。 (2) METHOD属性是用来说明从客户端浏览器将 Internet网络用户输入的信息传送给Web 服务器时所使用的方式,它有两种方式:POST和GET。默认的方式是GET,这两者的区 别是在使用POST时,表单中所有的变量及其值都按一定的规律放入报文中,而不是附加在 ACTION所设定的URL之后。在使用GET时将FORM的输入信息作为字符串附加在 ACTION所设定的URL的后面,中间用“?”隔开,即在客户端浏览器的地址栏中可以直接 看见这些内容。 3.HIML中的 INPUT标记 HIML中的 INPUT标记是表单中最常用的标记。我们在网页上所见到的文本框、按钮等等 都由这个标记引出的。下面是 INPUT标记的标准格式 <INPUT TYPE=.. VALUE =.>> 其中TYPE属性是用来说明提供给用户进行信息输入的类型是什么。例如是文本框、单选按 钮或多选按钮。它的取值如下 TYPE=“TEXT 表示在表单中使用单行文本框 =“ PASSWORD”表示在表单中为用户提供密码输入框 =“RADO表示在表单中使用单选按钮 =“ CHECKBOX”表示在表单中使用多选按钮 =“ SUBMIT表示在表单中使用提交按钮 =“ RESET”表示在表单中使用重置按钮 (1)文字输入和密码输入 用一个例子说明文字输入和密码输入的制作 <HTML> <HEAD> <mILE>这是个测试页</mLE> <HEAD> <BODY> <FORM ACTION="REG. ASP" METHOD=POST> 请输入您的真实姓名:< INPUTTYPE= TEXT NAME=姓名><BR> 您的主页的网址:< INPUT TYPE= TEXT NAME=网址 Value=http:/><br> 密码:<Ⅰ NPUT TYPE= PASSWORD NAME=密码><BR>
5 在 HTML 中，有一个专门的标记 FORM 提供表单的功能，由表单开始标记<FORM> 和表单结束标记</FORM>组成，表单中可以设置文本框、按钮或下拉菜单，它们也是通过 标记完成。在表单的开始标记中带有两个属性：ACTION 和 METHOD。书写表单的 HTML 格式如下 < FORM ACTION = “…” METHOD=”…” > … </FORM> FORM 标记有以下主要属性： （1）ACTION 属性是用来指出，当这个 FORM 提交后需要执行的驻留在 Web 服务器上的 程序名（包括路径）是什么。一旦 Internet 网络用户提交输入信息后服务器便激活这个程序， 完成某种任务。例如：<FORM ACTION = ”login.asp” METHOD = POST > … </FORM> 当用户点击“提交”按钮以后，Web 服务器上的“login.asp”将接收用户输入的信息，以登记用 户信息。 （2）METHOD 属性是用来说明从客户端浏览器将 Internet 网络用户输入的信息传送给 Web 服务器时所使用的方式，它有两种方式：POST 和 GET。默认的方式是 GET，这两者的区 别是在使用 POST 时，表单中所有的变量及其值都按一定的规律放入报文中，而不是附加在 ACTION 所设定的 URL 之后。在使用 GET 时将 FORM 的输入信息作为字符串附加在 ACTION 所设定的 URL 的后面，中间用“？”隔开，即在客户端浏览器的地址栏中可以直接 看见这些内容。 3．HTML 中的 INPUT 标记 HTML 中的 INPUT 标记是表单中最常用的标记。我们在网页上所见到的文本框、按钮等等 都由这个标记引出的。下面是 INPUT 标记的标准格式： <INPUT TYPE=“…” VALUE =“…”> 其中 TYPE 属性是用来说明提供给用户进行信息输入的类型是什么。例如是文本框、单选按 钮或多选按钮。它的取值如下： TYPE = “TEXT” 表示在表单中使用单行文本框 = “PASSWORD” 表示在表单中为用户提供密码输入框 = “RADIO” 表示在表单中使用单选按钮 = “CHECKBOX” 表示在表单中使用多选按钮 = “SUBMIT”表示在表单中使用提交按钮 = “RESET” 表示在表单中使用重置按钮 （1）文字输入和密码输入 用一个例子说明文字输入和密码输入的制作 <HTML> <HEAD> <TITLE>这是个测试页</TITLE> </HEAD> <BODY> <FORM ACTION=“REG.ASP” METHOD=POST> 请输入您的真实姓名: <INPUT TYPE=TEXT NAME=姓名><BR> 您 的 主 页 的 网 址 : <INPUT TYPE=TEXT NAME= 网 址 VALUE=HTTP://><BR> 密码: <INPUT TYPE=PASSWORD NAME=密码><BR>