网页html代码详解讲课教案

1、第第2章章 HTML语言语言(yyn)本章要点本章要点(yodin)： HTML的基础知识的基础知识 常用常用HTML标记标记 XHTML第一页，共70页。2.1 HTML简介简介(jin ji)nHTML（Hyper Text Markup Language）称为超）称为超文本标记语言文本标记语言(yyn)，是一种描述文档结构的标，是一种描述文档结构的标记语言记语言(yyn)，它是一种应用非常广泛的网页格，它是一种应用非常广泛的网页格式，也是最早被用来显示式，也是最早被用来显示Web页的语言页的语言(yyn)之之一。它与操作系统平台的选择无关，只要有浏览一。它与操作系统平台的选择无关，只要有

2、浏览器就可以运行器就可以运行HTML文档，显示网页内容。文档，显示网页内容。nHTML文档类似于文档类似于.txt文本文件，不同的是，文档文本文件，不同的是，文档里还包含一种被称为标记的符号。里还包含一种被称为标记的符号。第二页，共70页。2.1.1 标记标记(bioj)的格式的格式1. 标记的功能标记的功能控制控制(kngzh)网页的显示方式网页的显示方式2. 标记的构成标记的构成由由 、及括在其中的命令字符串组成及括在其中的命令字符串组成双标记：双标记： 、成对出现，成对出现， 如如、单标记：单标记： ，如，如、第三页，共70页。2.1.1 标记标记(bioj)的格式的格式3. 标记的使用

3、方法标记的使用方法 (1) 文本或超文本文本或超文本 (2) 文本文本或超文本或超文本 例：例：你好！你好！ (3) 第四页，共70页。2.1.1 标记标记(bioj)的格式的格式n书写书写HTML代码时应注意以下几点：代码时应注意以下几点：n1) HTML标记及属性中字母不区分大小写，如标记及属性中字母不区分大小写，如与与对浏览器来说是完全相同的。对浏览器来说是完全相同的。n2) 标记名与左尖括号之间不能留有空白标记名与左尖括号之间不能留有空白(kngbi)，如，如是错误的。是错误的。n3) 属性要写在开始标记的尖括号中，放在标记名后，属性要写在开始标记的尖括号中，放在标记名后，并且与标记名

4、之间要有空白并且与标记名之间要有空白(kngbi)；多个属性之间；多个属性之间也要有空白也要有空白(kngbi)；属性值最好用单引号或双引号；属性值最好用单引号或双引号引起来，引号一定要是英文的引号，不能是中文引号。引起来，引号一定要是英文的引号，不能是中文引号。n4) 结束标记要书写正确，不能忘掉斜杠。结束标记要书写正确，不能忘掉斜杠。第五页，共70页。2.1.2 HTML文档结构文档结构(jigu)表表2-1 html文件文件(wnjin)构成骨架构成骨架文件开始头 部 标题名 其他头部内容定义标记 主 体 网页内容（文本、图像等) 文件结束第六页，共70页。2.1.2 HTML文档结构文

5、档结构(jigu)1. 文件头部文件头部、之间定义，内容可包括标题之间定义，内容可包括标题(biot)名、文本文件地址、创作者信息等网页信息说明。名、文本文件地址、创作者信息等网页信息说明。文件头部还可包括一些其他标记：文件头部还可包括一些其他标记： ：定义网页的标题：定义网页的标题(biot)； ：说明一些与文档相关的信息，如作：说明一些与文档相关的信息，如作 者、者、关键内容、所用语言等；关键内容、所用语言等；第七页，共70页。2.1.2 HTML文档结构文档结构(jigu)2. 文件主体文件主体位于头部之后，在位于头部之后，在、之间定义，定义之间定义，定义了网页上显示的主要内容和显示格式

6、。了网页上显示的主要内容和显示格式。文件主体内可包括众多其他文件主体内可包括众多其他(qt)标记。标记。第八页，共70页。2.1.2 HTML文档结构文档结构(jigu)n标记常用属性：标记常用属性：n background：设置网页背景图案。：设置网页背景图案。n 例如例如n bgcolor：设置网页背景色。：设置网页背景色。n 例如例如n text：设置文本颜色：设置文本颜色(yns)，默认黑色。，默认黑色。n link：设置尚未被访问过的超文本链接的颜色：设置尚未被访问过的超文本链接的颜色(yns)。n vlink：设置已被访问过的超文本链接的颜色：设置已被访问过的超文本链接的颜色(yn

7、s)。第九页，共70页。2.1.2 HTML文档结构文档结构(jigu)3. 注释注释(zhsh)格式：格式：注释注释(zhsh)以以“”结束，注释结束，注释(zhsh)的内容会被浏览器忽略。利用注释的内容会被浏览器忽略。利用注释(zhsh)可以可以为为HTML文档的不同部分加上说明，方便日后修改，文档的不同部分加上说明，方便日后修改，也可以利用注释也可以利用注释(zhsh)为为HTML文档加上版权声明。文档加上版权声明。注释注释(zhsh)可有多行。可有多行。第十页，共70页。2.1.3 HTML的制作的制作(zhzu)n制作制作HTML文档需要两个基本工具，一个文档需要两个基本工具，一个H

8、TML编辑编辑器，一个器，一个Web浏览器。浏览器。nHTML编辑器可分为两类：基于编辑器可分为两类：基于(jy)文本或代码的编文本或代码的编辑器和所见即所得辑器和所见即所得(WYSIWYG)编辑器。前者在创建编辑器。前者在创建文档时只能看到文档时只能看到HTML代码，后者在编辑时即显示出代码，后者在编辑时即显示出类似于最终浏览器窗口显示的结果。类似于最终浏览器窗口显示的结果。nWeb浏览器用来浏览浏览器用来浏览HTML文档，在文档，在Windows操作系操作系统上，常用的浏览器是统上，常用的浏览器是Microsoft Internet Explorer，也常简称为也常简称为IE。第十一页，共

9、70页。2.1.3 HTML的制作的制作(zhzu)用记事本制作网页的步骤如下：用记事本制作网页的步骤如下：1) 打开记事本。打开记事本。2) 在记事本中输入在记事本中输入(shr)代码：代码： 我的第一个网页我的第一个网页(wn y) 这是我用记事本做的第一个网页这是我用记事本做的第一个网页(wn y)，我会努力学好，我会努力学好HTML！ 第十二页，共70页。2.1.3 HTML制作制作(zhzu)工具工具3) 保存文件：保存文件：HTML文件的扩展名为文件的扩展名为.htm、.html、.aspx或或asp，因为有些，因为有些Web服务器对中文文件名不能服务器对中文文件名不能很好支持，所

10、以文件名中尽量不要很好支持，所以文件名中尽量不要(byo)使用汉字。使用汉字。4) 用浏览器打开上步保存的文件，即可看到如图用浏览器打开上步保存的文件，即可看到如图2.1所示的页面。所示的页面。图图2.1 第一个网页第一个网页(wn y)第十三页，共70页。2.2 常用常用(chn yn)HTML标标记记 本节分类介绍常用的HTML标记及其常用属性，其它标记的详细情况请参考(cnko)相关书籍。2. 字体标记字体标记4. 图像图像(t xin)标标记记6. 表格标记表格标记8. 其他标记其他标记 排版标记排版标记 3. 列表标记列表标记 5. 链接标记链接标记 7. 表单标记表单标记第十四页，

11、共70页。2.2.1 排版排版(pi bn)标记标记1. 段落标记段落标记用于分段，用于分段，和和之间的文字在同一段落，并使前之间的文字在同一段落，并使前段与后段之间加一空白行。结束标记段与后段之间加一空白行。结束标记可以省略，可以省略，下一个下一个开始意味着上一个开始意味着上一个结束结束 。的常用属性的常用属性align，用来设定，用来设定(sh dn)段落的对齐方段落的对齐方式，可取属性值有：式，可取属性值有： left：左对齐；：左对齐； center：居中对齐；：居中对齐； right：右对齐。：右对齐。第十五页，共70页。2.2.1 排版排版(pi bn)标记标记2. 强制换行强制换

12、行称为换行标记，在网页设计中比较常用，它的称为换行标记，在网页设计中比较常用，它的作用就是换行。作用就是换行。属于单标记，没有结束标记，属于单标记，没有结束标记，且不包含任何属性。且不包含任何属性。3. 预格式化标记预格式化标记称为预格式化标记，它的作用是按原始代码的称为预格式化标记，它的作用是按原始代码的排列方式显示内容。通常情况排列方式显示内容。通常情况(qngkung)下，浏下，浏览器显示时会忽略内容中的空白及换行，而览器显示时会忽略内容中的空白及换行，而与与之间的空白及换行会被保留。之间的空白及换行会被保留。第十六页，共70页。2.2.1 排版排版(pi bn)标记标记4. 水平线标记

13、水平线标记称为水平线标记，可以在页面中产生称为水平线标记，可以在页面中产生(chnshng)一条一条水平线，没有结束标记。水平线，没有结束标记。的常用属性有：的常用属性有： align：对齐方式，属性值有：对齐方式，属性值有left、center、right； width：长度，属性值可以是绝对值：长度，属性值可以是绝对值(像素像素)或相对值或相对值(百分百分比比) ； size：粗细，属性值为整数，单位为像素；：粗细，属性值为整数，单位为像素； color：颜色。：颜色。例：例： 第十七页，共70页。2.2.1 排版排版(pi bn)标记标记5. 称为居中标记，可以使标记的内容居中显示，称为

14、居中标记，可以使标记的内容居中显示，使用时需要结束标记使用时需要结束标记。6. 是块定义标签，用于定义一个块的风格。是块定义标签，用于定义一个块的风格。div要有开始标签要有开始标签和结束标签和结束标签 当要在许多段落中设置当要在许多段落中设置(shzh)对齐方式时，常用对齐方式时，常用标记和标记和align属性。如：属性。如： 文本或图像文本或图像 第十八页，共70页。2.2.1 排版排版(pi bn)标记标记例例2-2 图图2.2 排版排版(pi bn)标记标记第十九页，共70页。2.2.2 字体字体(zt)标记标记1. 标题标题(biot) 格式：格式： 标题标题(biot)，n可取可取

15、16之间的整数之间的整数值值 每个标题每个标题(biot)标记所标记的文本加粗显示独占一标记所标记的文本加粗显示独占一行且上下保留一空白行，由行且上下保留一空白行，由到到字体依次变小。字体依次变小。可用属性设置标题可用属性设置标题(biot)的对齐方式。的对齐方式。第二十页，共70页。2.2.2 字体字体(zt)标记标记2. 标记标记格式：格式：文本文本 常用属性：常用属性： face：用来设定文本的字体，属性值为逗号隔开的字：用来设定文本的字体，属性值为逗号隔开的字体列表，如果浏览器所在机器上没有安装指定体列表，如果浏览器所在机器上没有安装指定(zhdng)的任何一种字体，则以浏览器默认字体

16、显的任何一种字体，则以浏览器默认字体显示，所以使用时最好不使用特殊字体。示，所以使用时最好不使用特殊字体。第二十一页，共70页。2.2.2 字体字体(zt)标记标记 size：用来设定文本的大小，属性值可以是绝对：用来设定文本的大小，属性值可以是绝对的或相对的，如的或相对的，如size=“5”是绝对的，表示文本以是绝对的，表示文本以5号字显示号字显示(xinsh); size=“+2”是相对的，表示文本是相对的，表示文本在原先大小的基础上再增大在原先大小的基础上再增大2级。级。 size属性可取属性可取17之间的整数值之间的整数值. color：设定文本的颜色。：设定文本的颜色。 第二十二页，

17、共70页。2.2.2 字体字体(zt)标记标记3. 、标记标记为粗体标记，为粗体标记，与与之间的文本产生加粗效果。之间的文本产生加粗效果。为斜体标记，为斜体标记，与与之间的文本产生斜体效果。之间的文本产生斜体效果。为加下划线标记，为加下划线标记，与与之间的文本显示时会加底线。之间的文本显示时会加底线。为加删除线标记，为加删除线标记，与与之间的文本显示时会加删除线。之间的文本显示时会加删除线。注：这四个标记都是双标记，使用时如果忘掉注：这四个标记都是双标记，使用时如果忘掉(wng dio)结束标结束标 记，则开始标记对后面的所有文本都起作用。记，则开始标记对后面的所有文本都起作用。第二十三页，共

18、70页。2.2.2 字体字体(zt)标记标记图图2.3 字体字体(zt)标记标记例例2-3第二十四页，共70页。2.2.3 列表列表(li bio)标记标记1. 无序列表无序列表(li bio)与与 定义项目列表定义项目列表(li bio)的语法为：的语法为： 项项1 项项2 n 的常用属性只有(zhyu)一个type，用来设定列表项前面出现的符号，可取属性值有：n disc：列表项前面加上符号；n circle：列表项前面加上符号；n square：列表项前面加上符号。第二十五页，共70页。2.2.3 列表列表(li bio)标记标记2. 有序列表有序列表(li bio)与与 定义编号列表定

19、义编号列表(li bio)的语法为：的语法为： 项项1 项项2 第二十六页，共70页。2.2.3 列表列表(li bio)标记标记 的常用属性的常用属性(shxng)有：有： type：用来设定列表的编号形式，可取属性：用来设定列表的编号形式，可取属性(shxng)值有：值有： 1：用阿拉伯数字：用阿拉伯数字1，2，3，编号；编号； a：用小写英文字母：用小写英文字母a，b，c，编号；编号； A：用大写英文字母：用大写英文字母A，B，C，编号；编号； i：用小写罗马字母：用小写罗马字母，编号；编号； I：用大写罗马字母：用大写罗马字母，编号。编号。 start：用来设定列表开始编号的位置，不论

20、采：用来设定列表开始编号的位置，不论采 用何种编号形式，属性用何种编号形式，属性(shxng)值都为整数，如值都为整数，如 start=“3”表示第一项从第表示第一项从第3的位置开始编号。的位置开始编号。第二十七页，共70页。2.2.3 列表列表(li bio)标记标记3. 标记标记 用来标记列表中的一项，需同用来标记列表中的一项，需同或或一一 起使用，它的属性有：起使用，它的属性有： type：用来设定列表项的符号，如果：用来设定列表项的符号，如果用用 里，属性取值为里，属性取值为disc、circle或或square，如果，如果 用在用在里，则属性取值为里，则属性取值为1、a、A、i或或I

21、。 value：此属性仅当：此属性仅当用在用在里有效，属性值里有效，属性值 为一整数为一整数(zhngsh)，用来设定当前项的编号，其后的项，用来设定当前项的编号，其后的项目目 将以此值为起始数目递增，前面各项不受影响。将以此值为起始数目递增，前面各项不受影响。第二十八页，共70页。2.2.3 列表列表(li bio)标记标记例例2-4图图2.4 列表列表(li bio)标记标记第二十九页，共70页。2.2.4 图像图像(t xin)标记标记1. 图像文件的格式图像文件的格式 常用图片格式：常用图片格式：png、jpeg、gif、bmp。2. 加入图像加入图像 格式：格式： 常用属性：常用属性

22、： src：图像文件。：图像文件。 alt：替代文本。：替代文本。 height：高度；：高度；width：宽度。：宽度。 border：边框宽度。：边框宽度。 vspace：垂直：垂直(chuzh)边距；边距；hspace：水平边距。：水平边距。第三十页，共70页。2.2.4 图像图像(t xin)标记标记 align：图像与文本的对齐：图像与文本的对齐(du q)方式，可取方式，可取值为：值为： top：文本与图像顶部对齐：文本与图像顶部对齐(du q)； middle：文本与图像中央对齐：文本与图像中央对齐(du q)； bottom：文本与图像底部对齐：文本与图像底部对齐(du q)；

23、 left：图像居左；：图像居左； right：图像居右。：图像居右。例例2-5第三十一页，共70页。2.2.4 图像图像(t xin)标记标记第三十二页，共70页。2.2.4 图像图像(t xin)标记标记文档相对路径的几种形式：文档相对路径的几种形式：同一个目录中的文件：如果源文件和目标文件在同同一个目录中的文件：如果源文件和目标文件在同一个目录里，直接写目标文件名即可。一个目录里，直接写目标文件名即可。表示上级目录：表示上级目录：./表示源文件所在目录的上一级目表示源文件所在目录的上一级目录，录，././表示源文件所在目录的上上级目录，以此类表示源文件所在目录的上上级目录，以此类推推(y

24、 c li tu)。表示下级目录：直接写下级目录文件的路径即可。表示下级目录：直接写下级目录文件的路径即可。第三十三页，共70页。2.2.4 图像图像(t xin)标记标记 例2-6：假设有如图2.5所示的目录(ml)结构，其中root、web、a、b、c为文件夹，t.htm、1.gif、2.gif等为相应文件夹中的文件，怎样在t.htm页中分别插入1至5这五个图片？图图2.5 目录目录(ml)结构结构第三十四页，共70页。2.2.4 图像图像(t xin)标记标记 使用使用(shyng)文档相对文档相对路径在路径在t.htm中分别插入中分别插入5幅幅图片：图片：图图2.5 目录目录(ml)结

25、构结构u在站点内，通常都采用文档相对在站点内，通常都采用文档相对路径，路径，第三十五页，共70页。2.2.5 链接链接(lin ji)标记标记n定义链接的语法格式：定义链接的语法格式：n文本或图片文本或图片n常用属性：常用属性：n href：链接的目标，指定一个：链接的目标，指定一个URL作为有效的作为有效的链接资源的地址链接资源的地址(dzh)。n name：锚点的名字。：锚点的名字。n target：目标窗口，保留目标名有：目标窗口，保留目标名有_blank、_parent、_top、_self。n例例2-7第三十六页，共70页。2.2.5 链接链接(lin ji)标记标记第三十七页，共7

26、0页。2.2.5 链接链接(lin ji)标记标记第三十八页，共70页。2.2.5 链接链接(lin ji)标记标记 表示上级目录表示上级目录例：假设例：假设info.html路径是：路径是： c :Inetpubwwwrootsitesblablainfo.html 假设假设index.html路径是：路径是：c:Inetpubwwwrootsitesindex.html 在在info.html加入加入(jir)index .html超链接：超链接： 主页主页第三十九页，共70页。2.2.5 链接链接(lin ji)标记标记例：假设例：假设info.html路径是：路径是： c:Inetpu

27、bwwwrootsitesblablainfo.html 假设假设index.html路径是：路径是：c:Inetpubwwwrootindex .html 在在info.html加入加入(jir)index .html超链接：超链接： 主页主页第四十页，共70页。2.2.5 链接链接(lin ji)标记标记例：假设例：假设info.html路径路径(ljng)是：是：c:Inetpubwwwrootsitesblablainfo.html 假设假设index.html路径路径(ljng)是：是：c:Inetpubwwwrootsiteswowstoryindex.html 在在info .h

28、tml加入加入index.html超链接：超链接： 主页主页第四十一页，共70页。2.2.5 链接链接(lin ji)标记标记 表示下级目录表示下级目录例：假设例：假设info .html路径是：路径是：c :Inetpubwwwrootsitesblablainfo.html 假设假设index.html路径是：路径是：c:Inetpubwwwrootsitesblablahtmlindex.html 在在info.html加入加入(jir)index.html超链接：超链接： 主页主页第四十二页，共70页。2.2.5 链接链接(lin ji)标记标记第四十三页，共70页。2.2.5 链接链

29、接(lin ji)标记标记3. 链接非链接非Web数据数据(shj)：简历简历4. 图像链接：图像链接： 5. 电子邮件链接：电子邮件链接：联系联系第四十四页，共70页。2.2.6 表格表格(biog)标记标记n表格现已成为对文本和图形进行布局的强有力的工表格现已成为对文本和图形进行布局的强有力的工具。具。nHTML中一个表格通常由中一个表格通常由、三个三个标记标记(bioj)来定义，分别表示表格、行、单元格。来定义，分别表示表格、行、单元格。n在对表格进行设置时，可以设置整个表格在对表格进行设置时，可以设置整个表格或或表格中的行表格中的行或单元格或单元格的属性，它们优先顺的属性，它们优先顺序

30、为：单元格序为：单元格优先于行优先于行，行，行优先于表优先于表格格。第四十五页，共70页。2.2.6 表格表格(biog)标记标记1. 基本基本(jbn)格式格式 表项表项1 表项表项2 表项表项1 表项表项2 第四十六页，共70页。2.2.6 表格表格(biog)标记标记(1) 标记标记整个表格整个表格(biog)始于始于而终于而终于，是一个容，是一个容器标记，器标记，、等只能在它的范围内使用。等只能在它的范围内使用。常用的属性有：常用的属性有： width=“n|n%”：表格：表格(biog)宽度。宽度。 height =“n” ：表格：表格(biog)高度。高度。 border=“n”：

31、表格：表格(biog)边框粗细。边框粗细。 bordercolor：表格：表格(biog)边框颜色。边框颜色。第四十七页，共70页。2.2.6 表格表格(biog)标记标记 bgcolor：表格背景颜色。：表格背景颜色。 background：表格背景图像：表格背景图像(t xin)。 cellpadding：边距，表单元线和单元格内数据：边距，表单元线和单元格内数据之间的距离。之间的距离。 cellspacing：间距，表单元线与边框间的空白。：间距，表单元线与边框间的空白。 align=“left/right/center”：表格水平对齐方式。：表格水平对齐方式。 rules：设定有无表格

32、线。：设定有无表格线。 frame：设定有无边框。：设定有无边框。第四十八页，共70页。2.2.6 表格表格(biog)标记标记(2) 标记标记定义表格行，是单元格定义表格行，是单元格(或或)的容器。的容器。常用属性有：常用属性有： align=“left/right/center”：这一行单元格中内容：这一行单元格中内容的水平对齐方式。的水平对齐方式。 valign=“top/middle/bottom”：用来设定：用来设定(sh dn)这一行单元格中内容的垂直对齐方式。这一行单元格中内容的垂直对齐方式。 bgcolor：这一行的背景颜色。：这一行的背景颜色。 第四十九页，共70页。2.2.

33、6 表格表格(biog)标记标记(3) 标记标记单元格标记，使用时要放在单元格标记，使用时要放在与与之间。之间。常用属性有：常用属性有： background：背景图像。：背景图像。 bgcolor：背景颜色。：背景颜色。 align：水平对齐方式。：水平对齐方式。 valign：垂直：垂直(chuzh)对齐方式。对齐方式。 width：宽度。：宽度。 height：高度。：高度。 colspan：跨列数目。：跨列数目。 rowspan：跨行数目。：跨行数目。第五十页，共70页。2.2.6 表格表格(biog)标记标记2. 表题表题使用标记使用标记给表格添加表题，并使用给表格添加表题，并使用a

34、lign属性属性(shxng)定义表题的位置。定义表题的位置。格式格式: 表题表题第五十一页，共70页。2.2.6 表格表格(biog)标记标记3. 表头表头使用标记使用标记(bioj)可在表的第可在表的第1行或第行或第1列加表头，格列加表头，格式：式： 表项表项1 表项表项2 表项表项1 表项表项2 例例2-9 表项表项1 表项表项2 表项表项1 表项表项2 第五十二页，共70页。2.2.6 表格表格(biog)标记标记4.单元格的合并单元格的合并(hbng)(1)合并合并(hbng)行行 表项表项 或或 表项表项 x为垂直方向上合并为垂直方向上合并(hbng)的行数的行数(2)合并合并(h

35、bng)列列 表项表项 或或 表项表项 x为水平方向上合并为水平方向上合并(hbng)的单元格数的单元格数第五十三页，共70页。2.2.6 表格表格(biog)标记标记图图2.7 表格表格(biog)标记标记例例2-10 第五十四页，共70页。2.2.6 表格表格(biog)标记标记图图2.6 表格表格(biog)标标记记例例2-11第五十五页，共70页。2.2.7 表单标记表单标记(bioj) 表单是用户与网站表单是用户与网站(wn zhn)进行交互的主要方进行交互的主要方式，它的作用是从访问式，它的作用是从访问Web站点的用户那里获取信息。站点的用户那里获取信息。访问者可以使用诸如文本框、

36、列表框、复选框以及单访问者可以使用诸如文本框、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息。提交这些信息。第五十六页，共70页。2.2.7 表单标记表单标记(bioj)1. 标记标记格式：格式： 表单对象表单对象(duxing)： 文本框文本框 选择按钮选择按钮 列表框列表框 按钮按钮 第五十七页，共70页。2.2.7 表单标记表单标记(bioj)n标记常用属性：标记常用属性：n action：表单数据的处理手段。：表单数据的处理手段。n method：表单数据传输方法，取值为：表单数据传输方法，取值为get或或p

37、ost。nget：表单数据附加到：表单数据附加到URL中。中。npost：表单数据嵌入：表单数据嵌入(qin r)HTTP 请求中。请求中。第五十八页，共70页。2.2.7 表单标记表单标记(bioj)2.表单对象表单对象(1) 文本框文本框用于单行文本的输入用于单行文本的输入(shr)。格式：格式：常用属性：常用属性：name、value、size、maxlength等。等。(2) 密码框密码框格式：格式：常用属性：常用属性：name、value、size、maxlength等。等。第五十九页，共70页。2.2.7 表单标记表单标记(bioj)(3) 单选按钮单选按钮格式：格式：常用属性：常

38、用属性：name、value、checked等。等。注：同一组中所有单选按钮的注：同一组中所有单选按钮的name属性必须设属性必须设 置相同置相同(xin tn)。(4) 复选框复选框格式：格式：常用属性：常用属性：name、value、checked等。等。 value属性用来设置当用户选中该项后，表单所提交的属性用来设置当用户选中该项后，表单所提交的值。值。第六十页，共70页。2.2.7 表单标记表单标记(bioj)(5) 按钮按钮提交按钮：提交按钮： 常用属性常用属性(shxng)：name、value等。等。重置按钮：重置按钮： 常用属性常用属性(shxng)：name、value等。

39、等。普通按钮：普通按钮： 常用属性常用属性(shxng)：name、value等。等。图像按钮：图像按钮： 常用属性常用属性(shxng)：name、src、width、height、alt等。等。第六十一页，共70页。2.2.7 表单标记表单标记(bioj)(6) 列表框列表框格式格式(g shi)： 选项选项1选项选项2 第六十二页，共70页。2.2.7 表单标记表单标记(bioj)n的属性的属性(shxng)：name，size，multiple等；等；nsize没设置或设为没设置或设为1，为下拉列表框；，为下拉列表框；size设置大于设置大于1，为列表框。为列表框。 nmultiple不用赋值，若加入标记中，则列表框可选多不用赋值，若加入标记中，则列表框可选多项。项。n的属性的属性(shxng)：value，selected等。等。第六十三页，共70页。2.2.7 表单标记表单标记(bioj)(7) 文本区域：文本区域： 可输入多行文本。可输入多行文本。格式：格式：文本文本常用常用(chn yn)属性：属性：name、rows、cols、wrap等。等。第六十四页，共70页。2.2.7