第2章+html网页制作(1)

1、信息学院 赵燕在在Internet中，应用最广泛的无中，应用最广泛的无疑为疑为World Wide Web了，无论是了，无论是Web应用还是开发，都应该对标记语言应用还是开发，都应该对标记语言HTML有一个基本的认识。有一个基本的认识。n2.1 Html语言概括和结构n2.2 常用标记（排版、文字、链接）n2.3 标记（表格、表单、框架）5.1 HTML语言nHTML（Hyper Text Markup Language，超文本标记语言）是一种用来制作超文本文档的简单标记语言。用HTML语言编写的超文本文件称为HTML文件，也称为Web文件。HTML文件的扩展名为.htm或.html。 n之所

2、以被称为超文本，因为HTML文档中可以加入图片、声音、动画、影视等内容，并且这些内容可以被标记成超链接。用浏览器用浏览器打开打开 HTML文件是一种标准的纯文本文件，可以使用任何文本编辑器，如：“记事本”和“写字板”。n但是利用文本编辑器软件编写HTML文件非常麻烦，效率很低，因此有很多专门的优秀的 HTML编辑器。n常用的HTML编辑软件有FrontPage，Dreamweaver等，它们都是所见即所得的编辑器，借助于HTML专用工具，在屏幕上页面进行交互设计，将自动生成对应的 HTML文件，并且具有预览功能，大大提高了设计WEB页的效率。5.1.1 HTML语言概述5.1.2 HTML标记

3、及语法 简单地说HTML文件包含文档数据和显示格式两部分。 文档数据 显示WWW浏览器中的数据内容。 显示格式 这些内容以何种格式显示。 Html语言使用标记对的方法编写文件，既简单又方便，它通常使用 来表示标志的开始和结束。有的控制语句仅需一个标记，没有尾标记。标记可以嵌套使用。 HTML中的标记大致可分为：文档标记、排版标记、字体标记、表格标记、图像与控制标记、超级链接标记等。 文章的头部，包括标文章的头部，包括标题（双标记题（双标记）提纲提纲文章的正文文章的正文我的第一个网页我的第一个网页大家好！我是济南大学的学生。大家好！我是济南大学的学生。 你们对制作网页有兴趣吗？你们对制作网页有兴

4、趣吗？ 文档头文档头标题标题文文档档体体单标记单标记标记嵌套标记嵌套 许多单标记和双标记的首标记内可以包含一些许多单标记和双标记的首标记内可以包含一些属性。属性。语法：语法：例：例： Hr：在文档的当前位置划一条水平线的标记在文档的当前位置划一条水平线的标记 Size 属性定义线的粗细属性定义线的粗细 Align 属性定义对齐方式属性定义对齐方式 Width 属性定义线的长度属性定义线的长度 (1) 标志用于标志用于Html文档的最前边，用来标识文档的最前边，用来标识Html文档的开始。而文档的开始。而标志恰恰相反，它放在标志恰恰相反，它放在Html文档文档的最后边，用来标识的最后边，用来标识

5、Html文档的结束。文档的结束。 (2) 和和构成构成Html文档的头部信息文档的头部信息，在此标在此标志对之间可以使用志对之间可以使用 、 等等等等标志对，这些标志对都是描述标志对，这些标志对都是描述Html文档相关信息的标志文档相关信息的标志对，对， 标志对之间的内容不会在浏览器的框标志对之间的内容不会在浏览器的框内显示出来。内显示出来。1、文档标记(3) 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的色部分显示的文本信息，那些信息一般是网页的“主题主题”，要将您的网页的主题显示到浏览器的顶部其实很

6、简单，只要要将您的网页的主题显示到浏览器的顶部其实很简单，只要在在 标志对之间加入您要显示的文本即可。标志对之间加入您要显示的文本即可。注意：注意： 标志对只能放在标志对只能放在 标标志对之间。志对之间。(4) 是是Html文档的主体部分，此标志对之间文档的主体部分，此标志对之间可包含可包含 、 、 等众多的标志，它等众多的标志，它们所定义的文本、图像等将会在浏览器框内显示出来。们所定义的文本、图像等将会在浏览器框内显示出来。|bgcolor 设置背景颜色设置背景颜色|text 设置文本颜色设置文本颜色例：例：|background 设置背景图片设置背景图片例：例：|link 设置链接颜色设置

7、链接颜色|vlink 设置已使用的链接的颜色设置已使用的链接的颜色|alink 设置正在被击中的链接的颜色设置正在被击中的链接的颜色标志中常用属性：标志中常用属性：补充属性：bgproperties ：取fixed 值时设置背景不随滚动条滚动，不设此属性时背景随滚动条滚动。 颜色设定颜色设定的三种常用方法：的三种常用方法： 用颜色常量名表示，如：用颜色常量名表示，如：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Fuchsia、Silver、Red、Blue等。等。例：例： 红色背景红色背景 用六位十六进制用六位十六进制(rrgg

8、bb)表示：前两位表示红，中间表示：前两位表示红，中间两位表示绿色、后两位为蓝色。数字以两位表示绿色、后两位为蓝色。数字以#开头。开头。例：例： 蓝色文本蓝色文本 用用RGB函数表示：函数表示：格式为格式为RGB(红色值红色值,绿色值绿色值,蓝色值蓝色值)例：例： 蓝色文本蓝色文本 （5） 设置背景音乐，单标记n属性：src：指明背景音乐所有路径及文件完整名称：指明背景音乐所有路径及文件完整名称loop：指定音乐播放的次数：指定音乐播放的次数使用方法：使用方法：水平线水平线标记：标记：单标记。在该位置加入一条水平线。单标记。在该位置加入一条水平线。 属性：属性：Size，Color，Width

9、，Align，Noshade。 粗细粗细 颜色颜色 长度长度 对齐方式对齐方式 无阴影无阴影演示 我的第一个网页我的第一个网页 大家好！我是济南大学的学生大家好！我是济南大学的学生 你们对制作网页有兴趣吗？你们对制作网页有兴趣吗？ 例例: Html文档中基本标志的使用文档中基本标志的使用简单网页制作示例简单网页制作示例(1) 标记：标记：书写说明文字，内容不书写说明文字，内容不在浏览器中显示。在浏览器中显示。(2) 标记：标记：双标记。用来创建一个段落的标记，双标记。用来创建一个段落的标记，标记间的文本按照段落的格式在浏览器中显示。标记间的文本按照段落的格式在浏览器中显示。 属性：属性：Ali

10、gn（对齐方式对齐方式）：）：可以是可以是Left（左对齐左对齐）、Center（居中居中）和和Right（右对齐右对齐）三个值中的任何一个。三个值中的任何一个。(3) 标记：标记：单标记。用来创建一个回车单标记。用来创建一个回车换行换行2. 排版标记排版标记 换行与分段换行与分段春雪春雪飞雪带春风飞雪带春风徘徊乱绕空徘徊乱绕空君看似花处君看似花处偏在洛城中偏在洛城中春雪春雪飞雪带春风飞雪带春风徘徊乱绕空徘徊乱绕空君看似花处君看似花处偏在洛城中偏在洛城中和和标记的区别标记的区别(5) 标记：标记：双标记。预排版文本标记，输出双标记。预排版文本标记，输出时，不希望对内容重新排版而使用。时，不希望

11、对内容重新排版而使用。例：例： 华北华北 华东华东 华南华南- 234 244 243 123 345 333-标标记的使用记的使用文字分区-div 分区： n把标记中的内容做为单独的一块处理 n可设置以下属性 属性 含义 align 设置段落的对齐方式，可取left、center、 right。 (1) 、. 双标记。双标记。他们是六他们是六种不同等级的种不同等级的标题标记标题标记，从大到小，可以增加属性，从大到小，可以增加属性Align，定义对齐方式。定义对齐方式。3、文本格式标记、文本格式标记标题示例标题示例这是一行普通文字这是一行普通文字一级标一级标题题二级标题二级标题三级标题三级标题

12、四级标题四级标题五级标题五级标题六级标题六级标题每一个标题的字体每一个标题的字体为黑体字，内容文为黑体字，内容文字前后都插入空行字前后都插入空行 演示(2) 标记：标记：双标记。用来设置输出文本的字双标记。用来设置输出文本的字体、字号、颜色等体、字号、颜色等。常用属性：常用属性：Face、Size、Color。例。例如：如：欢迎来到我欢迎来到我的乐园的乐园思考：思考：size=+1是什么意思，是什么意思，size=-2呢？呢？SIZE属属性的有效性的有效值范围为值范围为1-7，其中，其中缺省值为缺省值为3。补充：补充：标记：用来设定网页的标记：用来设定网页的默认字体和字号，通常放在默认字体和字

13、号，通常放在之间。之间。 This is a header This is a paragraph 例：basefont1例：basefont1（3）物理字体（固定效果）：）物理字体（固定效果）： 设置字体显示样式，主要有以下标记设置字体显示样式，主要有以下标记： 标记 含义 设置标记间的文字为粗体 设置标记间的文字为斜体 设置标记间的文字带下划线 设置标记间的文字为上标 设置标记间的文字为下标 设置标记间的文字带删除线 设置标记间的文字为插入 设置标记间的文字方向，如：dir=“rtl” 设置文字为电传打字机体 格式及排格式及排版示例版示例（4）逻辑字体（与浏览器相关）：）逻辑字体（与浏览器

14、相关）： 表现文字含义，主要有以下标记：表现文字含义，主要有以下标记： 标记 含义 一般强调（emphasis），斜体 特别强调，黑体 表示地址 定义引用 用户键入的文字，字体变细变轻 一段引用的文字，斜体。用于书名、电影名 字体变小 字体变大 标记 含义 取首字母缩写 源代码 变量 例子 定义术语 定义缩写 （5）活动字幕n 活动字幕 Marquee：双标记 滚动内容滚动内容 主要属性有：|direction：用于设定活动字幕的滚动方向是向左（left）、向右（right）、向上（up）、向下（down）。 |behavior：用于设定滚动的方式，主要由三种方式：behavior= scro

15、ll 表示由一端滚动到另一端； behavior=slide 表示由一端快速滑动到另一端，且不再重复；behavior=alternate表示在两端之间来回滚动。|bgcolor：用于设定活动字幕的背景颜色。|scrollamount：用于设定活动字幕的滚动速度。| height：用于设定滚动字幕的高度，width：则设定滚动字幕的宽度。 |loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。n标记的默认情况是向左滚动无限次，字幕高度是文本高度；n滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。n由于由于标记只能作用于标记只能作用于一段一段文

16、本，因此多行活文本，因此多行活动字幕，分行时动字幕，分行时只能用只能用标记，标记，不能用不能用标记。标记。例：滚动文字示例例：滚动文字示例1例：滚动文字示例例：滚动文字示例2列表 n列表： 用于列举内容 n列表分类 无序列表（unordered list） 有序列表（ordered list） 无序列表-ul n无序列表： 列表项以标识 可以设置如下属性： 属性： type 含义 ： 取值可以是disc、square、 circle，分别表示用实心圆点、实心方点、圆圈作为列表符号。 Coffee Tea Milk Coffee Tea Milk Coffee Tea Milk 例无序列表有序列

17、表-ol n有序列表： 列表项以标识 每一项显示时都有编号 可以设置如下属性： n属性 含义 type 取值可以是1、a、A、i、I，分别代表编号使 用阿拉伯数字、小写英文字母、大写英文字母、小写罗马数字、大写罗马数字。 start 指定序号的起始值，只能取数字。 Coffee Tea Milk Coffee Tea Milk Coffee Tea Milk 例有序列表 图像是在网页制作中是非常重要的一个方面。图像是在网页制作中是非常重要的一个方面。在在HTML中可以支持多种格式的图片：中可以支持多种格式的图片：bmp、gif、jpg。4、图像标记、图像标记图像嵌入标记为图像嵌入标记为单单标记

18、。标记。 标记标记并不是真正地把图像加入到并不是真正地把图像加入到HTML中，而是将标中，而是将标记的记的src属性赋值为图形文件所在的路径。属性赋值为图形文件所在的路径。路径可路径可以是相对路径、绝对路径，也可以是网址。以是相对路径、绝对路径，也可以是网址。标记中必须为标记中必须为src属性赋值。属性赋值。其他的属性其他的属性 (1) Alt ：图像不能下载时用以替代的文字。图像不能下载时用以替代的文字。(2) Align：对齐方式。对齐方式。图像和文字的对齐方式：图像和文字的对齐方式：top、bottom、middle；图像在页面中的对齐方式：图像在页面中的对齐方式：left、right。

19、(3) Border：图像的边框。图像的边框。可取可取0的整数。的整数。(4) Width和和Height：图像的高和宽。图像的高和宽。(5) Hspace和和Vspace：图片的水平位置和垂直位置。图片的水平位置和垂直位置。图像标记的属性图像标记的属性例例5.3例例5.3属性属性注意：当设置注意：当设置 align为为left或或right时，图片和内容会显示在一行；时，图片和内容会显示在一行； 如果让其它内容换行，可以使用如果让其它内容换行，可以使用 n思考下面程序的含义：当需要定义图像、音乐、应用程序或超媒体链当需要定义图像、音乐、应用程序或超媒体链接的链接地址时，需要使用链接标记。接的

20、链接地址时，需要使用链接标记。为双标为双标记，标记对之间加入需要在浏览器中显示的链接名记，标记对之间加入需要在浏览器中显示的链接名称。称。5. 超级链接标记超级链接标记 相关文字相关文字 超链接的常用属性nHref属性属性：指明要链接对象的地址，：指明要链接对象的地址， Href的值可的值可以是以是URL形式，网址或相对路径，也可以是形式，网址或相对路径，也可以是mailto，即发送，即发送E-mail形式。形式。 a页面 网易 我的邮箱 点击这里跳转例5-4Target属性：属性：定义被链接的目标在指定的窗口中打开。定义被链接的目标在指定的窗口中打开。超链接的常用属性例5-4加targetN

21、ame属性：属性：用来在用来在HTML文档中创建一个书签文档中创建一个书签（或称锚或称锚点点）。语法：语法： 在当前位置建立一个名字叫在当前位置建立一个名字叫label的书签的书签（也叫锚点也叫锚点）。例：例：钱塘湖春行钱塘湖春行创建书签就是为了在创建书签就是为了在HTML文档中创建一些链接，以方便文档中创建一些链接，以方便地找到文档中有书签的地方。要找到同一页面书签所在地，必地找到文档中有书签的地方。要找到同一页面书签所在地，必须使用书签链接：须使用书签链接：链接到当前文档中名字叫链接到当前文档中名字叫label的书签位置；的书签位置；例如：例如：要找到要找到“平安平安”这个书签，代码如下：

22、这个书签，代码如下： 回到钱塘湖春行回到钱塘湖春行书签书签.html如果想让整个页面中的所有链接标识都具有如果想让整个页面中的所有链接标识都具有Target=_blank属性，而在每一个属性，而在每一个标记中都加上标记中都加上Target=_blank又太麻烦，这时可以在又太麻烦，这时可以在 标标记之间加上记之间加上，如果有某一链接需要在如果有某一链接需要在当前窗口打开，那么只要将链接加上当前窗口打开，那么只要将链接加上Target=_self属性即可。属性即可。还有一个属性还有一个属性Href，用法与用法与Target相同，如果将相同，如果将标识的标识的Href属性声明为某个地址，那么网页中

23、原来的属性声明为某个地址，那么网页中原来的所有相对路径都变成了绝对路径。所有相对路径都变成了绝对路径。补充：补充： 标记的应用标记的应用BASE标记的应用标记的应用.html 使用图像作为超级链接源使用图像作为超级链接源 可以用一个页面上的图片建立超级链接，只要将可以用一个页面上的图片建立超级链接，只要将图片的图片的标记包含在标记包含在标记之中即可。标记之中即可。图像作为超级链接源示例图像作为超级链接源示例.html 6、声音标记、声音标记将音乐做成一个链接，只需用鼠标在上面单击，就将音乐做成一个链接，只需用鼠标在上面单击，就可以听到动人的音乐了，这样做的方法很简单：可以听到动人的音乐了，这样

24、做的方法很简单：乐曲名乐曲名 点播音乐点播音乐例如：例如：菊花台菊花台宁夏宁夏原来你也在这里原来你也在这里 把我们喜欢的音乐收集起来，作成一个音乐库，随时都可把我们喜欢的音乐收集起来，作成一个音乐库，随时都可以让自己和别人徜徉在音乐的海洋中，已经有人这样做了，你以让自己和别人徜徉在音乐的海洋中，已经有人这样做了，你一定已经遇到很多，而且自己也可以试着去做了！一定已经遇到很多，而且自己也可以试着去做了！点播音乐点播音乐.html前面，我们是借助链接来实现网上播放音乐前面，我们是借助链接来实现网上播放音乐这一功能的，我们还可以让音乐自动载入，你可这一功能的，我们还可以让音乐自动载入，你可以让它出现

25、控制面板或当背景音乐来使用。基本以让它出现控制面板或当背景音乐来使用。基本语法：语法：该功能也适用于视频文件的载入。该功能也适用于视频文件的载入。自动载入音乐的标记还有一些常用的属性自动载入音乐的标记还有一些常用的属性: 自动载入音乐自动载入音乐自动载入音乐标记的属性SRC=FILENAME设定音乐文件的路径AUTOSTART=TRUE/FALSE是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSELOOP=n/TRUE/FALSE设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。STARTIME=分:秒设定乐曲的开始播放

26、时间，如20秒后播放写为STARTIME=00:20VOLUME=0-100设定音量的大小。如果没设定的话，就用系统的音量。WIDTH HEIGHT设定控制面板的大小HIDDEN=TRUE隐藏控制面板CONTROLS=CONSOLE/SMALLCONSOLE设定控制面板的样子例：例：背景音乐背景音乐 播放音乐播放音乐 作为背景音乐来播放。作为背景音乐来播放。 自动播放隐藏 例：控制音乐 播放音乐 出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。 用浏览器可以播放的格式有：用浏览器可以播放的格式有：mov、avi、wmv、mpg、dat等格式。等格式。 |链接一个视频文件链接一个视频

27、文件视频名称视频名称|嵌入一个视频文件嵌入一个视频文件Embed Src=文件地址及名称文件地址及名称 autostart=true|false |自动载入视频：自动载入视频： 播放视频（补充）播放视频（补充）n例：视频播放nn播放视频nn n n 视频点播n 小狗宝宝的童年n n n 可爱的北极熊它在干吗呢？n n嵌入视频自动载入视频链接视频表格表格(Table)是网页制作中安排布局最好的工是网页制作中安排布局最好的工具，因为表格不但可以很好的安排文本或图像的具，因为表格不但可以很好的安排文本或图像的显示位置，而且还可以任意的进行背景和前景颜显示位置，而且还可以任意的进行背景和前景颜色的设置

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

29、dth设置表格的宽度Height设置表格的高度 一个表格由若干行一个表格由若干行（Row）构成，每一行又由若干个构成，每一行又由若干个单元格单元格（Cell）组成，另外一个表格还可能具有一个标题组成，另外一个表格还可能具有一个标题（Caption）。 标记标记 表行标记表行标记属性：属性：Align水平对齐方式：水平对齐方式：left（左对齐左对齐），center（居中居中），right （右对齐右对齐） Valign垂直对齐方式：垂直对齐方式：top（顶端对齐顶端对齐），），middle（居中对齐居中对齐），bottom（底端对齐底端对齐）表格标记示例表格标记示例.html 、标记标记 表头

30、单元格标记表头单元格标记，表头数据自动加，表头数据自动加粗并且居中显示，其他与粗并且居中显示，其他与一样。一样。 数据单元格标记数据单元格标记属性：属性： Align, Valign , width,Colspan,Rowspan和和Nowrapwidth：单元格的宽度，单位用绝对像素值或总宽度的百分比单元格的宽度，单位用绝对像素值或总宽度的百分比表示；表示；Colspan：设置一个表格单元格跨占的列数设置一个表格单元格跨占的列数(缺省值为缺省值为1)；Rowspan：设置一个表格单元格跨占的行数设置一个表格单元格跨占的行数(缺省值为缺省值为1)；Nowrap：禁止表格单元格内的内容自动换行。

31、禁止表格单元格内的内容自动换行。n n n 列1 n 列2 n 列3 n n n表 数据21 n格 数据22 n 数据23 n n n 数据31 n 数据32 n 数据33 n n 第一行第一行 第二行第二行第三行第三行、或或之间有着之间有着 严格的层次关系。严格的层次关系。双标记。表示表格的标题，一般出现在双标记。表示表格的标题，一般出现在首标记与第一个首标记与第一个之间。之间。 标记标记属性：属性：Align 对齐方式对齐方式Left，center，right，top，bottom Valign 垂直对齐方式垂直对齐方式Top，bottom 例：例：表格标记示例表格标记示例 在在HTML中

32、有些字符具有特殊的含义，若在数据中中有些字符具有特殊的含义，若在数据中包含这些字符，它们就不能正确地显示出来。包含这些字符，它们就不能正确地显示出来。例如例如 “”等。等。因此数据中如果要包含这些字因此数据中如果要包含这些字符时，应使用特殊字符标记。符时，应使用特殊字符标记。8、特殊字符标记、特殊字符标记 特殊字符的标记为：特殊字符的标记为：&字符串字符串; 常用的特殊字符见书常用的特殊字符见书P129表表5-1 空格：空格： 或或  ："或或" ：>或或> &：&

33、或或& 需要说明的是：需要说明的是： 转义序列各字符之间不能有空格；转义序列各字符之间不能有空格； 转义序列必须以分号结束；转义序列必须以分号结束； 单独的单独的&不被认为是转义开始。不被认为是转义开始。对于无法直接输入的字符，可以通过该字符的对于无法直接输入的字符，可以通过该字符的ASCII码实现输入。码实现输入。格式为：格式为： &#; 例：例：要显示要显示“”，应该写为：应该写为：< font > 表单表单（Form）在在Web网页中用来给访问者填写信息，网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互能力。从而能

34、获得用户信息，使网页具有交互能力。表单和表单和Windows的对话框类似，由若干控件组成的，的对话框类似，由若干控件组成的，用于实现和用户的交互。用于实现和用户的交互。当用户填写完信息后进行提交当用户填写完信息后进行提交（Submit）操作，于是表单的内容就从客户端的浏览器传操作，于是表单的内容就从客户端的浏览器传送到服务器上。经过送到服务器上。经过Web服务器上的服务器上的 ASP 或或 CGI 等处理等处理程序处理后，再将用户所需信息传送回客户端的浏览器上，程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性这样网页就具有了交互性 。9、 表表 单单双标记。用来创建一

35、个表单，即定义表单的开始和结束位置，双标记。用来创建一个表单，即定义表单的开始和结束位置，标记对之间的内容都属于表单的内容。标记对之间的内容都属于表单的内容。属性：属性：Action 处理程序的网络路径和程序名。处理程序的网络路径和程序名。例：例：Methed：用来定义处理程序从表单中获得信息的方式。可取值用来定义处理程序从表单中获得信息的方式。可取值为为get或或post，默认为，默认为post 。get方式方式是处理程序从当前是处理程序从当前HTML文档中获取数据，数据量有限，文档中获取数据，数据量有限，一般限制在一般限制在1KB以下。以下。Post方式方式方式与方式与get相反，当前的相

36、反，当前的HTML把数据传送给处理程序，把数据传送给处理程序，传送的数据量大。传送的数据量大。Target：属性用来指定目标窗口或目标帧。属性用来指定目标窗口或目标帧。 （1）表单标记）表单标记例例 5.8 表单应用示例表单应用示例单标记。用来定义表单内的控件类型，此标记必须放在单标记。用来定义表单内的控件类型，此标记必须放在标志对之间。通过该标记的标志对之间。通过该标记的type来指定控件的类型。来指定控件的类型。该标记内都有该标记内都有Name和和Value属性，另外还可有属性，另外还可有size属性。属性。（2）标记标记属性值控件类型属性值控件类型Text单行文本框Reset重填按钮Ch

37、eckbox复 选 框 Button普通按钮Radio单 选 按 钮Image提交图片Password密码输入框Hidden隐藏控件Submit提 交 按 钮File文件上传表单上的单行文本框可以接收用户输入的文本数据，表单上的单行文本框可以接收用户输入的文本数据，但不能包含换行符，数据必须在一行中写完。但不能包含换行符，数据必须在一行中写完。 单行文本框单行文本框 基本形式：基本形式：string：文本框的初值文本框的初值 n：文本框的宽度文本框的宽度m：字符串的最大字符数字符串的最大字符数 Readonly：指定控件是否可读指定控件是否可读例例：INPUT Type=text Name=T

38、1 Value=这里显示默这里显示默认文本认文本 密码框同文本框，所不同的是密码框中显示的密码框同文本框，所不同的是密码框中显示的数据为数据为“*”所代替，从而起到保密的作用。所代替，从而起到保密的作用。 基本形式：基本形式： 各属性与文本框控件的相同。各属性与文本框控件的相同。例：例：请输入密码请输入密码：INPUT Type=password Name=P1 Size=10 密码框密码框密码框密码框.html是从多个选项中选择其中之一的控件。是从多个选项中选择其中之一的控件。基本形式：基本形式：Name：控件名控件名 Value：选中该项时的取值选中该项时的取值Checked：该项默认为选

39、中状态该项默认为选中状态 单选按纽单选按纽注意：注意：同一组的单选按钮的控件名必须相同；不指定同一组的单选按钮的控件名必须相同；不指定Checked时，默认第一个选项被选中；各时，默认第一个选项被选中；各Value不能相同。不能相同。 单选按纽举例单选按纽举例你来自何处：你来自何处：山东山东上海上海海南海南同名表示同名表示为一组为一组单选按钮单选按钮.html 复选框是表单上可供用户选择输入的控件，有选中和复选框是表单上可供用户选择输入的控件，有选中和不选中两种状态。选中时将在控件中打上不选中两种状态。选中时将在控件中打上“”。 基本形式：基本形式： Name：控件名控件名 Checked：控件默认选中控件默认选中 复选框控件后面一般带有文字说明，可以在该语句后复选框控件后面一般带有文字说明，可以在该语句后添加必要的文本。例如：添加必要的文本。例如：我同意所列条款我同意所列条款 将在页面上显示：将在页面上显示： 我同意所列条款我同意所列条款 复选框复选框你的爱好：你