第08章 HTML标记语言

1、信息学院公共教学部 在Internet中，应用最广泛的无疑 为World Wide Web 了，无论是Web 应用还是开发，都应该对标记语言 有一个基本的认识。 8.2.1什么是HTML 8.2、超文本标记语言HTML HTML(Hyper Text Markup Language,HTML(Hyper Text Markup Language,超文本超文本 语言语言) )是一种用来制作超文本文档的简单标记是一种用来制作超文本文档的简单标记 语言。简单地说语言。简单地说HTMLHTML文件包含文件包含文档数据文档数据和和显示显示 格式格式两个部分。两个部分。 文档数据显示文档数据显示WWWWW

2、W浏览器中的数据内容浏览器中的数据内容 显示格式这些内容以何种格式显示。显示格式这些内容以何种格式显示。 HTML 语言是 通过利用 各种标记(Tags)标识 文档的结构以及标识超链接(Hyerlink)的信息 在HTML文档中，超级链接扮演着非常重要 的脚色。正是超级链接的应用，才使得用户非常 容易地从一个网页快速跳转到另一个网页，从一 个站点转向下一个站点。使得Internet成为一个 具有世界范围的超级网络。 HTML文件是一种纯文本文件，扩展名是 .HTM或.HTML，可以使用任何文本编辑器， 如：“记事本”和“写字板” 利用文本编辑器软件编写利用文本编辑器软件编写HTMLHTML文件

3、非常麻烦，效文件非常麻烦，效 率很低，因此有很多专门的优秀的率很低，因此有很多专门的优秀的 HTMLHTML编辑器编辑器 。常用的。常用的HTMLHTML编辑软件有编辑软件有FrontPage FrontPage , ,DreamweaverDreamweaver等，它们都是所见即所得的编辑器等，它们都是所见即所得的编辑器 ，借助于，借助于HTMLHTML专用工具，在屏幕上页面进行交互专用工具，在屏幕上页面进行交互 设计，将自动生成对应的设计，将自动生成对应的 HTMLHTML文件，并且具有文件，并且具有 预览功能，大大提高了设计预览功能，大大提高了设计WEBWEB页的效率。页的效率。 8.2

4、.2 HTML 文档结构 HtmlHtml语言使用标志对的方法编写文件，既简语言使用标志对的方法编写文件，既简 单又方便，它通常使用单又方便，它通常使用 来表来表 示标志的开始和结束。示标志的开始和结束。 标记被封装在尖括号内标记被封装在尖括号内，分为，分为首标记首标记和和 尾标记尾标记，成对出现，尾标记含，成对出现，尾标记含“/ /”以同首标记以同首标记 区分。区分。 有的控制语句仅需一个标记，没有尾标记。有的控制语句仅需一个标记，没有尾标记。 HTML 一个最简单的超文本文件一个最简单的超文本文件/TITLE 您好！这是在执行一个您好！这是在执行一个HTMLHTML文件文件 文档头文档头

5、标题标题 文档体文档体 标记分为单标记和双标记两种类型。标记分为单标记和双标记两种类型。 单标记的语法：单标记的语法： 例：例： 表示回车表示回车 双标记的语法：双标记的语法： 文档内容文档内容 例：例： B粗体和斜体粗体和斜体/I 8.3常用的 HTML标记及其属性 8.3.1 标记的语法 许多单标记和双标记的首标记内可以包含一许多单标记和双标记的首标记内可以包含一 些属性。些属性。 语法：语法： 2. 例：例： hr Size=3 Align=left Width=“50%” Size Size 属性定义线的粗细属性定义线的粗细 Align Align 属性定义对齐方式属性定义对齐方式 W

6、idth Width 属性定义线的长度属性定义线的长度 HTMLHTML中的标记大致可以分为：文档标记、中的标记大致可以分为：文档标记、 排版标记、字体标记、表格标记、图像与控排版标记、字体标记、表格标记、图像与控 制标记、超级链接标记等。制标记、超级链接标记等。 8.3.2 常用标记及属性 一一. .文档标记文档标记 1. 1. 标志用于标志用于HtmlHtml文档的最前边，用来标识文档的最前边，用来标识HtmlHtml文档的文档的 开始。而开始。而/html标志恰恰相反，它放在标志恰恰相反，它放在HtmlHtml文档的最后边，用文档的最后边，用 来标识来标识HtmlHtml文档的结束，两个

7、标志必须一块使用。文档的结束，两个标志必须一块使用。 2. 2. 和和/head构成构成HtmlHtml文档的开头部分，在此标志对文档的开头部分，在此标志对 之间可以使用之间可以使用 title、等等标等等标 志对，这些标志对都是描述志对，这些标志对都是描述HtmlHtml文档相关信息的标志对，文档相关信息的标志对， head标志对之间的内容是不会在浏览器的框内显示标志对之间的内容是不会在浏览器的框内显示 出来的。两个标志必须一块使用。出来的。两个标志必须一块使用。 3.3. title 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色 部分

8、显示的文本信息，那些信息一般是网页的部分显示的文本信息，那些信息一般是网页的“主题主题”，要，要 将您的网页的主题显示到浏览器的顶部其实很简单，只要在将您的网页的主题显示到浏览器的顶部其实很简单，只要在 title标志对之间加入您要显示的文本即可。标志对之间加入您要显示的文本即可。 注意：注意： title标志对只能放在标志对只能放在 head标志标志 对之间。对之间。 5. 5. 是是HtmlHtml文档的主体部分，在此标志对之间可文档的主体部分，在此标志对之间可 包含包含 p、 、等等众多的标志，等等众多的标志， 它们所定义的文本、图像等将会在浏览器的框内显示出来。两它们所定义的文本、图像

9、等将会在浏览器的框内显示出来。两 个标志必须一块使用。个标志必须一块使用。 4. 4. bgsound bgsound 设置背景音乐设置背景音乐 1 1、bgcolor bgcolor 设置背景颜色设置背景颜色 2 2、background background 设置背景图片设置背景图片 3 3、text text 设置文本颜色设置文本颜色 4 4、link link 设置链接颜色。设置链接颜色。 5 5、vlink vlink 设置已使用的链接的颜色。设置已使用的链接的颜色。 6 6、alink alink 设置正在被击中的链接的颜色。设置正在被击中的链接的颜色。 body标志中常用属性：标

10、志中常用属性： 颜色的设定颜色的设定的两种常用方法：的两种常用方法： 1 1、用颜色常量名表示，如：、用颜色常量名表示，如：BlackBlack、WhiteWhite、GreenGreen、MaroonMaroon、 OliveOlive、NavyNavy、PurplePurple、GrayGray、YellowYellow、FuchsiaFuchsia、SilverSilver、 RedRed、BlueBlue等。等。 例：例：body =red红色背景红色背景 2 2、用六位十六进制用六位十六进制( (rrggbbrrggbb) )表示：前两位表示红，中间两位表示：前两位表示红，中间两位

11、表示绿色、后两位为蓝色。数字以表示绿色、后两位为蓝色。数字以# #开头。开头。 例：例：蓝色文本蓝色文本 html 显示在浏览器最上边蓝色条中的文本显示在浏览器最上边蓝色条中的文本/title body =red text=blue 红色背景、蓝色文本红色背景、蓝色文本 例例1: 1: HtmlHtml文档中基本标志的使用文档中基本标志的使用 上机练习：上机练习：例例8.18.1 2.2.排版标记排版标记 (1)!(1) - 标记：书写说明文字，标记：书写说明文字， 内容不在浏览器中显示。内容不在浏览器中显示。 (2)(2)P标记。双标记。用来创建一个段落的标记，标记。双标记。用来创建一个段落

12、的标记， 标记间的文本按照段落的格式在浏览器中显示。属标记间的文本按照段落的格式在浏览器中显示。属 性：性：Align,styleAlign,style (3)(3)标记。单标记。用来创建一个回车换行标记。单标记。用来创建一个回车换行 (4)(4)HR标记。单标记。在该位置加入一条水平线标记。单标记。在该位置加入一条水平线 属性：属性：Size,Color,Width,Size,Color,Width,NoshadeNoshade (5)(5)PRE标记。双标记标记。双标记. .预排板文本标记，输出时预排板文本标记，输出时 ，不希望对内容重新排版而使用。，不希望对内容重新排版而使用。 例：例：

13、 PRE 华北华北 华东华东 华南华南 - 234 244 243 234 244 243 123 345 333 123 345 333 - /PRE 2.2.排版标记排版标记 (6)(6) 标记。双标记。用来在文档中标标记。双标记。用来在文档中标 记一段引用文字，它所包含的文字相对于标记外的记一段引用文字，它所包含的文字相对于标记外的 文字往左缩进两个字符的距离。文字往左缩进两个字符的距离。 见课本见课本P203P203 3.3.文本格式标记文本格式标记 (1)(1)H1、. . 双标记。他们是六种不双标记。他们是六种不 同等级的标题标记，从大到小，可以增加属性同等级的标题标记，从大到小，

14、可以增加属性AlignAlign， 定义对齐方式。定义对齐方式。 例：例： my centered HeadingH1 Align=centermy centered Heading (2)(2)FONT标记。双标记。用来设置输出文本的字体、标记。双标记。用来设置输出文本的字体、 字号、颜色等字号、颜色等。常用属性：常用属性：FaceFace、SizeSize、ColorColor (3)(3)、标记。双标记。标记。双标记。 指定文本为粗指定文本为粗 体。体。 I指定文本为斜体。指定文本为斜体。 U 指定文本为下划线指定文本为下划线 (4)(4)和和 SUP标记。双标记。标记。双标记。 指定下

15、标文本指定下标文本 ， SUP指定上标文本。指定上标文本。 例例8.28.2 4.4.图像标记图像标记 图像是在网页制作中是非常重要的一个方面。在图像是在网页制作中是非常重要的一个方面。在 HTMLHTML中可以指出多种格式的图片：中可以指出多种格式的图片：bmpbmp、gifgif、jpgjpg。 图像嵌入标记为图像嵌入标记为 IMG单标记，并不是真正地把单标记，并不是真正地把 图像加入到图像加入到HTMLHTML中，而是将标记的中，而是将标记的srcsrc属性赋值为图属性赋值为图 形文件所在的路径。路径可以是相对路径，也可以形文件所在的路径。路径可以是相对路径，也可以 是网址。是网址。 I

16、MG标记中必须为标记中必须为SrcSrc属性赋值，其他的属性有：属性赋值，其他的属性有： 1 1、Alt Alt ：图像不能下载时用以替代的文字图像不能下载时用以替代的文字 2 2、AlignAlign：对齐方式对齐方式 3 3、BorderBorder：图像的边框图像的边框 4 4、Width,HeightWidth,Height 5 5、HspaceHspace, ,VspaceVspace图片的水平位置和垂直位置图片的水平位置和垂直位置 例例8.38.3 5.5.超级链接标记超级链接标记 当需要定义图像、应用程序或超媒体链接的链接地址当需要定义图像、应用程序或超媒体链接的链接地址 时，需

17、要使用链接标记。时，需要使用链接标记。 A为双标记，标记对之间加为双标记，标记对之间加 入需要在浏览器中显示的链接名称或图象。入需要在浏览器中显示的链接名称或图象。 (1)(1)A标记的格式和常用属性标记的格式和常用属性 HrefHref属性：指明要链接对象的地址，属性：指明要链接对象的地址， HrefHref的值可以的值可以 是是URLURL形式，网址或相对路径，也可以是形式，网址或相对路径，也可以是mailtomailto。即发即发 送送emailemail形式。形式。 语法：语法： =“URL” 例：例： A .com NameName属性：用来在属性：用来在HTMLHTML文档中创建一

18、个书签。文档中创建一个书签。 语法：语法： A Name=“ ” 属性属性namename是不可缺少是不可缺少 的，它的值就是标签名的，它的值就是标签名 例：例： ”当日车市报价表当日车市报价表 创建书签就是为了在创建书签就是为了在HTMLHTML文档中创建一些链接，方文档中创建一些链接，方 便地找到文档中有书签的地方。便地找到文档中有书签的地方。 例如：找到例如：找到“车市报价车市报价”这个标签，代码如下：这个标签，代码如下： ”点击此处将使浏览器跳点击此处将使浏览器跳 到车市报价处到车市报价处/ A TargetTarget属性：用来指明浏览的目标框架介绍。属性：用来指明浏览的目标框架介绍

19、。 当未使用当未使用TargetTarget属性时，当浏览者点击了链属性时，当浏览者点击了链 接之后将在原窗口中显示新的接之后将在原窗口中显示新的HTMLHTML文档。文档。 若若TargetTarget取值为取值为_ _blankblank时，点击链接后将会时，点击链接后将会 在新窗口中显示被链接的在新窗口中显示被链接的HTML HTML 文档。文档。 例：例： xyzTarget=“_blank”xyz公司的网站公司的网站 TargetTarget的取值也可以是目标框架名。的取值也可以是目标框架名。 例例8.48.4 （2）标记的应用标记的应用 如果想让整个页面中的所有链接表示都具有如果想

20、让整个页面中的所有链接表示都具有 Target=_blankTarget=_blank属性，而在每一个属性，而在每一个 A标记中都加上标记中都加上 Target=_blankTarget=_blank又太麻烦，这时可以在又太麻烦，这时可以在 HEAD 标记之间加上标记之间加上 BASE Target=_blank，如果有某一链如果有某一链 接需要在当前窗口打开，那么只要将链接加上接需要在当前窗口打开，那么只要将链接加上 Target=_selfTarget=_self属性即可。属性即可。 还有一个属性还有一个属性HrefHref，用法同用法同TargetTarget， 如果将如果将标识的标识的

21、HrefHref属性声明为某个地址，那么属性声明为某个地址，那么 网页中原来的所有相对路径都变成了绝对路径。网页中原来的所有相对路径都变成了绝对路径。 例例8.58.5 （3 3）定义和使用文件内部的锚点定义和使用文件内部的锚点 链接标记除了可以链接到外部的文件外，还可以在链接标记除了可以链接到外部的文件外，还可以在 网页的内部建立链接成为锚点（网页的内部建立链接成为锚点（AnchorAnchor），），它是一个自动它是一个自动 定位系统，需要先定义一个锚点，然后再让另一个链接指定位系统，需要先定义一个锚点，然后再让另一个链接指 向这个锚点，这样当点击这个链接时，浏览器就会自动滚向这个锚点，这

22、样当点击这个链接时，浏览器就会自动滚 动从而把屏幕定位于锚点所在的位置。动从而把屏幕定位于锚点所在的位置。 例例8.6 8.6 锚点的定义和链接锚点的定义和链接 BR 该处设置锚点该处设置锚点/A 定义链接定义链接 =“#here”到锚点处到锚点处/A 锚点和普通的链接混合使用。有一个文件锚点和普通的链接混合使用。有一个文件 “about.about.htmhtm”。定义了锚点叫定义了锚点叫“here”here”，那么可以使用代那么可以使用代 码：码： Click Here #here”Click Here （4 4）使用图形作为超级链接的锚点使用图形作为超级链接的锚点 可以以一个页面上的图片

23、为锚点建立超级链接可以以一个页面上的图片为锚点建立超级链接 ，只要将图片的，只要将图片的 IMG标记包含在标记包含在 A标记之中即可。标记之中即可。 例例 8.7 8.7 以图像为锚点的超级链接示例以图像为锚点的超级链接示例 6.6.转义字符与特殊字符转义字符与特殊字符 在在HTMLHTML中有些字符具有特殊的含义，若在数据中中有些字符具有特殊的含义，若在数据中 包含这些字符，它们就不能正确地显示出来。例如包含这些字符，它们就不能正确地显示出来。例如 “ “”“”等。等。 转义序列的格式为：转义序列的格式为： ; 常用的转义字常用的转义字 符见书：符见书： 空格空格- ; -font&;fon

24、t ; 需要说明的是：需要说明的是：1.1.转义序列各字符之间不能有空格转义序列各字符之间不能有空格 2. 2.转义序列必须以分号结束转义序列必须以分号结束 3. 3.单独的单独的”;” 列表列表( (List)List)是是HTMLHTML文档中的一种重要的表文档中的一种重要的表 现形式，特别适合于罗列有关信息内容，具现形式，特别适合于罗列有关信息内容，具 有清晰明了，易于查阅、操作性强的特点。有清晰明了，易于查阅、操作性强的特点。 列表可以嵌套，显示时按层次缩进。列表可以嵌套，显示时按层次缩进。 8.3.3 列表的应用 HTMLHTML列表分为三种：列表分为三种： 1 1。枚举式。枚举式

25、2 2。编号式。编号式 3 3。定义式。定义式 1.1.枚举式枚举式 标记：标记： UL 标记自动使列表缩进。默认的项目符号标记自动使列表缩进。默认的项目符号 为实心圆点，可以使用为实心圆点，可以使用type type 属性来指定列表项前属性来指定列表项前 的项目符号：的项目符号： type=type=disodiso-实心圆点实心圆点 type=circle-type=circle-空心圆点空心圆点 type=square-type=square-实心小方块实心小方块 例例8.8 8.8 枚举式列表示例枚举式列表示例 2.2.编号式编号式 标记：标记： OL 编号式列表在各项目前不是使用项目

26、符号，编号式列表在各项目前不是使用项目符号， 而是使用编号标识各列表项。而是使用编号标识各列表项。 标记可以设置以下属性：标记可以设置以下属性： （1 1）Type=Type=字符，指定编号所用的符号。字符，指定编号所用的符号。 1. 1.数字数字 a.a.小写英文字母小写英文字母 A.A.大写英文大写英文 字母字母 I .I .小写罗马字母小写罗马字母 I.I.大写罗马字母大写罗马字母 （2 2）START =n START =n ，规定起始编号规定起始编号 例例8.9 8.9 编号式列表示例编号式列表示例 3.3.定义式定义式 标记：标记： DL 该标记可以再定义下层的子列表，其中用该标记

27、可以再定义下层的子列表，其中用 DT定义子列表的标题，用定义子列表的标题，用 .DD. 定义子列表。定义子列表。 例例8.10 8.10 定义式列表示例定义式列表示例 表格表格( (Table)Table)是网页制作中安排布局最好是网页制作中安排布局最好 的工具，因为表格不但可以很好的安排文本的工具，因为表格不但可以很好的安排文本 或图像的显示位置，而且还可以任意的进行或图像的显示位置，而且还可以任意的进行 背景和前景颜色的设置。背景和前景颜色的设置。 8.3.4 表格 1.1.标记标记 双标记，用来创建一个表格。双标记，用来创建一个表格。 标记有标记有 许多属性，用来定义表格的外观特征。详细

28、的表格许多属性，用来定义表格的外观特征。详细的表格 属性有：属性有： 属性 用途 Bgcolor设置表格的背景色 Background表格的背景图片 Border 设置边框的宽度，边框宽度默认是0 无边框，无格线 Bordercolor设置边框的颜色 bordercolorlight设置边框明亮部分的颜色 bordercolordark设置边框昏暗部分的颜色 Cellspacing设置单元格之间空间的大小 Cellpadding 设置表格单元格边框与其内部内容之间的距离 Width设置表格的宽度 Height设置表格的高度 2.2.TR、标记标记 一个表格由若干行（一个表格由若干行（RowRo

29、w）构成，每一行又由若构成，每一行又由若 干个单元格（干个单元格（CellCell）组成，另外一个表格还可能具有组成，另外一个表格还可能具有 一个标题（一个标题（HeadHead）。）。 . .表行标记表行标记 属性：属性：AlignAlign，水平对齐方式，水平对齐方式，left,center,rightleft,center,right ValignValign，垂直对齐方式，垂直对齐方式，top,middle,bottomtop,middle,bottom . .数据单元格标记数据单元格标记 属性：属性：width,width,ColspanColspan, ,RowspanRowspa

30、n和和NowrapNowrap . .表头单元格标记，表头数据自动加表头单元格标记，表头数据自动加 粗并且居中显示，其他与粗并且居中显示，其他与 TD一样。一样。 2.2.CAPTION标记标记 双标记双标记 表示表格的标题，一般出现在表示表格的标题，一般出现在 TABLE首标首标 记与第一个记与第一个 TR之间。之间。 属性：属性：AlignAlign，水平对齐方式水平对齐方式 left,center,right,top,middle,bottomleft,center,right,top,middle,bottom ValignValign，垂直对齐方式，垂直对齐方式，top,bottom

31、top,bottom 例例8.11 8.11 HTMLHTML中的表格标记示例中的表格标记示例 表格表格( (FormForm）在在WebWeb网页中用来给访问者填写网页中用来给访问者填写 信息，从而能获得用户信息，使网页具有交互能信息，从而能获得用户信息，使网页具有交互能 力。表单和力。表单和WindowsWindows的对话框类似，由若干控件的对话框类似，由若干控件 组成的，用于实现和用户的交互。当用户填写完组成的，用于实现和用户的交互。当用户填写完 信息后进行提交信息后进行提交( (Submit)Submit)操作，于是表单的内容操作，于是表单的内容 就从客户端的浏览器传送到服务器上，由

32、就从客户端的浏览器传送到服务器上，由WebWeb服服 务器上的务器上的ASPASP或或CGICGI程序处理。程序处理。 8.3.4 表单 1.1.FORM标记标记 双标记。用来创建一个表单，即定义表单的开始双标记。用来创建一个表单，即定义表单的开始 和结束位置，标记对之间的内容都属于表单的内容。和结束位置，标记对之间的内容都属于表单的内容。 属性：属性：ActionAction：处理程序的网络路径和程序名处理程序的网络路径和程序名 例：例： FORM Action=“HTTP:/WWW.ABC.com/feedback.aspFORM Action=“HTTP:/WWW.ABC.com/fee

33、dback.asp MethedMethed: :用来定义处理程序从表单中获得用来定义处理程序从表单中获得 信息的方式。信息的方式。 MethedMethed=“get”:=“get”:是处理程序从当前是处理程序从当前HTMLHTML文文 档中获取数据，数据量有限。档中获取数据，数据量有限。1 1KBKB以下以下 MethedMethed=“post”:=“post”:方式与方式与getget相反，当前的相反，当前的 HTMLHTML把数据传送给处理程序，传送的大，把数据传送给处理程序，传送的大，TargetTarget属性属性 用来指定目标窗口或目标帧。用来指定目标窗口或目标帧。 2.2.I

34、NPUT Type=“ ”标记标记 单标记。用来定义用户的输入区，此标记单标记。用来定义用户的输入区，此标记 必须放在必须放在 FORM标志对之间。通过该标记的标志对之间。通过该标记的TYPETYPE来来 指定控件的类型。指定控件的类型。 输入区域（称为输入域）都有输入区域（称为输入域）都有NameName和和ValueValue属性属性 （1 1）单行文本框）单行文本框 表单上的单行文本可以接收用户输入的任何字符表单上的单行文本可以接收用户输入的任何字符 串数据，不能包含换行符，数据必须在一行中写完串数据，不能包含换行符，数据必须在一行中写完 。基本形式：。基本形式： ” （2 2）复选框复

35、选框 复选框上表单上可供用户选择输入的控件，有选中复选框上表单上可供用户选择输入的控件，有选中 和不选中两种状态。选中时将在控件中打上和不选中两种状态。选中时将在控件中打上“”“”。 基本形式：基本形式： INPUT Type=“checkbox” Name =“NAME” Checked （3 3）单选按纽单选按纽 上从多个选项中选择其中之一的控件。基本形式：上从多个选项中选择其中之一的控件。基本形式： Value=“VALUE” Checked （4）密码框密码框 密码框同文本框，所不同的是密码框中显示的数据为密码框同文本框，所不同的是密码框中显示的数据为 “* *”所代替，从而起到保密的

36、作用。所代替，从而起到保密的作用。 基本形式：基本形式： =“m” （5）提交按纽提交按纽 用来将表单的输入（或选择）内容发送到用来将表单的输入（或选择）内容发送到WebWeb服务服务 器。发送的方式由表单标记中器。发送的方式由表单标记中method method 和和ActionAction决定。决定。 Value=“caption_name” （6）重设按纽重设按纽 单击该按钮时将使表单上的所有控件恢复默认值。单击该按钮时将使表单上的所有控件恢复默认值。 基本形式：基本形式： Value=“caption_name” （7）按纽控件按纽控件 可以用来完成任何指定的工作。常常用它来实现一些可

37、以用来完成任何指定的工作。常常用它来实现一些 客户端的数据处理工作和客户端的操作。客户端的数据处理工作和客户端的操作。 =“script_command” （8）提交图片提交图片 作用同提交按纽，知识用一个图片来替代按纽。作用同提交按纽，知识用一个图片来替代按纽。 基本形式：基本形式： Value=“caption_name” （9）隐藏控件隐藏控件 不可显示，可以用来传送数据给不可显示，可以用来传送数据给WebWeb服务器，主要服务器，主要 是利用它传送输入表单时的环境或用来在是利用它传送输入表单时的环境或用来在HTMLHTML之间传之间传 递数据递数据 Value=“string” （10

38、）文件上传文件上传(File) 该控件包含一个文本框和一个该控件包含一个文本框和一个“浏览浏览”按纽，可以按纽，可以 由用户输入或选择一个本地机上的文件。当单击表单上由用户输入或选择一个本地机上的文件。当单击表单上 的的“提交提交”控件时，该文件可以上载到服务器控件时，该文件可以上载到服务器 基本形式：基本形式： INPUT Type=“file” Name =“filed_name” 3.3.SELECT、标记标记 SELECT 双标记。用来创建一个下拉列表框或可以复选的列表双标记。用来创建一个下拉列表框或可以复选的列表 框。此标记用于框。此标记用于 FORM标记对之间。其形式如下：标记对之

39、间。其形式如下： SELECT Name=“select_name” Multiple Size=“n” 属性：属性： Multiple Multiple ：不用赋值，直接加入到标记中，列表不用赋值，直接加入到标记中，列表 框可以多项选择。框可以多项选择。 Name: Name:列表框的输入域名。列表框的输入域名。 Size:Size:用来设置列表的高度，缺省值是用来设置列表的高度，缺省值是1 1 若没有加入若没有加入MultipleMultiple属性，显示的将是一个下拉式的属性，显示的将是一个下拉式的 列表框，否则是个可进行多项选择的列表。列表框，否则是个可进行多项选择的列表。 OPTIO

40、N 双标记。用来指定列表框中的一个选项双标记。用来指定列表框中的一个选项。此标记此标记 用于用于 SELECT标记对之间。其形式如下：标记对之间。其形式如下： 属性：属性： Selected Selected ：用来指定默认的选项。用来指定默认的选项。 Value: Value:用来指定该选项的取值用来指定该选项的取值 当用户进行选择操作并且选中该项时，当用户进行选择操作并且选中该项时， SELECT名将得到这个值。发送时这个值是要传送到名将得到这个值。发送时这个值是要传送到 服务器上的，服务器通过调用服务器上的，服务器通过调用 SELECT名字的名字的ValueValue 属性来获得该区域选

41、中的数据项。属性来获得该区域选中的数据项。 当当 OPTION标记不含有标记不含有VALUEVALUE属性时，则以选项属性时，则以选项 文本作为最后的取值。文本作为最后的取值。 4.4.TEXTAREA标记标记 双标记。双标记。 用来创建一个多行文本框，此标记用于用来创建一个多行文本框，此标记用于 FORM标标 记对之间。其形式如下：记对之间。其形式如下： 初初 值文本值文本 /TEXTAREA 属性：属性： Name,ColsName,Cols和和RowsRows Cols Cols和和RowsRows属性分别用来设置文本框的列数和行属性分别用来设置文本框的列数和行 数，列数以字符数为单位。在首尾标记之间的所有文本数，列数以字符数为单位。在首尾标记之间的所有文本 都是该控件的初值。都是该控件的初值。 例例 8.12 8.12 在在HTMLHTML文档中包含一个表单文档中包含一个表单 框架框架( (Frame)Frame)也称为帧，可以用来将浏览也称为帧，可以用来将浏览 器划分为多个区域（即窗格），每个框架中器划分为多个区域（即窗格），每个框架中 装载一