网站开发与网页设计 HTML入门学习_第1页
网站开发与网页设计 HTML入门学习_第2页
网站开发与网页设计 HTML入门学习_第3页
网站开发与网页设计 HTML入门学习_第4页
网站开发与网页设计 HTML入门学习_第5页
已阅读5页，还剩92页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第2章HTML入门超文本标识语言（HTML）HTML（HypertextMarkupLanguage）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接。HTML文档由文本、格式化代码和导向其他文档的超链接组成。HTML基础1．标记符

标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。在HTML中，所有的标记符都用尖括号括起来。例如，<HTML>表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。如：<HTML>…<／HTML>.

HTML标记符是不区分大小写的，但通常约定标记符使用大写字母，这有利于HTML文档的维护。属性是用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为：<标记符属性1=属性值1属性2=属性值2…>受影响的内容<／标记符>HTML属性通常也不区分大小写。（1）HTML标记符

<HTML><／HTML>这两个标记符是HTML文档的标记符。<HTML>处于文档的最前端，表示文档的开始，即浏览器从<HTML>开始解释。而<／HTML>则位于文件的最后一行，这样的结果表示这一整份的文档都是HTML语法的文档。（2）HEAD标记符

<HEAD><／HEAD>是HTML文件头标记符，用来描述HTML首部的内容，说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。<HEAD><／HEAD>通常与某些标记符一起使用，如<TITLE><／TITLE>标记符。

（3）TITLE标记符

<TITLE><／TITLE>指的是一份文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。（4）BODY标记符

<BODY><／BODY>指的是定义出一个HTML文档的体部，位于首部下面。在<BODY>标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。标题处理在HTML中，用户可以通过Hx标记符来标识文档中的标题和副标题，其中n是1到6的数字。<H1>表示最大的标题，<H6>表示最小的标题。使用标题样式时，必须使用结束标记符。标题文字标记符的格式：<Hxalign="对齐方式">标题文字</Hn>属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）或right（右对齐）。如:<H4align="left">计算机系</H4><Hx>…</Hx>标记符默认显示宋体。<Hx>…</Hx>标记符会自动插入一个空行，不必再用空行标记符。在一个标题行下无法使用不同大小的字体。与HEAD中的<TITLE>…<／TITLE>定义的网页标题不同，标题格式显示在浏览器窗口内，而不显示在浏览器的标题栏中。段落处理

在HTML中段落处理是通过段落标记来完成的，常用的段落标记符有：1．注释标记符

HTML的注释标记符的格式为：<!--注释内容-->2．强制换行标记符

强制换行标记符为<BR>，放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。

3．强制换段标记符

在HTML文档中，无法用多个回车、空格、Tab键来调整文档段落的格式。要用HTML的标记符来强制换行、分段。（1）强制换段标记符强制换段标记符的格式为：文字<P>,段与段之间会有一个空行。（2）设置段落标记符设置段落标记符的格式为：<Palign=“对齐方式”>文字<／P>4．显示预排格式标记符当用其他编辑工具编排好了一段文字后，其中很可能有一些HTML文件不支持的控制符号，如同车、多个空格、Tab键等。如果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式，可以使用<PRE>标记符将预先排好的格式保留下来。显示预排格式标记符的格式为：<PRE>预先排好的格式<／PRE>5．分区显示标记符分区显示标记符的格式为：<DIValign="对齐方式">文本或图像<／DIV>6．水平线在页面中插入一条水平标尺线（HorizontalRules），可以使不同功能的文字分隔开，看起来整齐、明了。水平线标记符的格式为：<HRalign="对齐方式"size="横线粗细"width="横线长度"color="横线颜色"noshade>文本格式处理文本格式处理包括文字设置和格式处理。

1．文字设置在网页中为了增强页面的层次，其中的文字可以用不同的大小、字体、字型和颜色，通常用FONT标记符来完成。

FONT标记符设置格式为：<FONTsize="数字"face="字体名"color="颜色">被设置的文字<／FONT>size属性是字号属性，用于控制文字的大小，它的取值既可以是绝对值，也可以是相对值。face属性是字体标记符，用来指定字体样式。color属性可用来控制文字的颜色，属性值可以是颜色名称或十六进制值。举例（1）进入记事本进行编写（2）进入IE浏览器进行运行找到文件所在位置后确定找到啦运行结果文本格式（1）字符格式

标记功能标记功能<B></B>或<strong></strong>粗体<SUB></SUB>下标<I></I>或<em></em>或<cite></cite>斜体<SUP></SUP>上标<U></U>下画线<BIG></BIG>大字体<SMALL></SMALL>小字体<STRIKE></STRIKE>删除线例如：3．设置页面属性（1）设置页面背景颜色<BODY>标记符中使用bgcolor属性可以为网页设置背景颜色。

<BODYbgcolor=#value>（2）设置页面背景图像单纯使用一种颜色作为背景显然有些单调，网页设计者也可选择特定图案作为页面的背景，使用BODY标记符的background属性即可。HTML语句为：

<BODYbackground=“网页背景图案的地址”>

页面左边的空白<bodyleftmargin=#>

页面上方的空白(天头)<bodytopmargin=#>#=marginamount1在页面中加入背景颜色在<BODY>中键入<BODYBGCOLOR=“RED”>效果为：背景变啦加入方法是记事本写入语句别忘记存盘啊在IE中刷新2在页面中加入背景图案在<BODY>中键入<BODYBACKGROUND=“图片文件”>图片文件的名字可以是.gif或.jpg，加入后效果为：（3）段落格式<P></P>----分段标记，通常结束符可省略<BR>------换行标记<HR>-----添加水平线标记其中：<Hn>n=1-6定义标题大小width：水平线长度color：水平线颜色noshade：3d阴影size：水平线的粗细（4）显示特殊字符特殊字符数字代码代码名称“""&&&<<<>>>列表格式p1071有序列表<OL></OL>-----有序列表标记符<LI></LI>------列表项标记符（结束标记可省略）LI属性VALUE:指定一个新的数字序列起始值TYPE：取值同上START:取值为任意整数TYPE：取值属性值含义1阿拉伯数字：1、2、3等默认值A大写字母：ABCa小写字母：abcI大写罗马数字：IIIIIIIVi小写罗马数字：iiiiiiiv例如：2无序列表<UL></UL>-----无序列表标记符<LI></LI>------列表项标记符（结束标记可省略）TYPE：取值值含义Disc实心圆，通常是非嵌套列表的默认值Circle空心圆，通常是嵌套列表的默认值Square实心或空心方框，通常取决浏览器属性举例结果定义列表<DL></DL>-----定义列表标记符<DT></DT>------定义术语标记符（结束标记可省略）<DD></DD>-----描述标记符（结束标记可省略）定义列表通常用于定义术语，也可用于所排文档。1.插入图像在HTML中，使用IMG标记符可以在网页中加入图像。它具有两个基本属性：src和alt，分别用于设置图像文件的位置和替换文本。2．设置图像属性（1）指定图像的宽和高在HTML中，使用IMG标记符的width和height属性可以指定图像的宽度和宽度，以告诉浏览器Web页应分配给图像多少空间（以像素为单位）。（2）图像的边框使用IMG标记符的border属性，可以给图像添加边框效果，边框的取值是像素数。

在网页中插入图象格式：<IMGSRC=“图片文件名”ALT=“该图片的说明文件”>例如：结果图象布局（1）指定图像的高和宽格式：<IMGSRC=“图片文件名”WIDTH=XHEIGHT=Y>

X、Y可取像素数，也可取百分数（注意百分数加引号）图片宽度图片高度使用表格创建表格HTML表格模型使用户可以将各种数据（文本、图像、链接、表单、表单域以及其它表格）排成行列，获得特定效果，利用HTML处理网页表格1．表格的基本构成通常在HTML中创建一个普通的表格应包括以下标记符：（1）TABLE

TABLE标记符用于定义整个表格，表格内的所有内容都应该位于<TABLE>和<／TABLE>之间。（2）CAPTION如果表格需要标题，那么就应该使用CAPTION标记符将表格标题包括在<CAPTION>和<／CAPTION>之间。（3）TR

TR标记符用于定义表格的行，对于每一个表格行，都对应一个TR标记符。TR标记符的结束标记符可以省略。图像链接超链接不仅可以用文本作为链接源，还可以使用图像作为链接源，方法是用A标记符将IMG标记符包围起来，当用户单击该图像时，跳转到指定位置。例如：<AHREF=“target.htm”><IMGSRC=“cloud.gif”></A>（4）TD和TH在表格行中的每个单元格，都对应于一个TD标记符或者TH标记符，用于标记表格的内容，其中可以包括文字、图像或其他对象。TD与TH的功能和用法几乎完全相同（可以任意混合使用，但效果略有不同），唯一不同之处在于TD表示表格所对应的列数和向对应的单元格，而TH表示表格的标题行。例如：结果说明（1）<TABLE></TABLE>为定义表格的标记符，表格的所有内容都放在它们之间。（2）<CAPTION></CAPTION>为定义表格标题,ALIGN属性定义标题的位置。

TOP---标题放在表格的上部BOTTOM---标题放在表格的下部RIGHT---标题放在表格的上部右侧LEFT---标题放在表格的上部左侧（3）<TH></TH>定义表头项结束符可省略合并单元格在<TD>和<TH>标记内使用rowspan属性可以进行行合并，rowspan的取值表示垂直方向上合并的行数；使用colspan属性可以进行列合并，colspan的取值表示水平方向上的合并的列数。（2）边框与分隔线在TABLE标记内使用frame、rules和border属性可以设置表格的边框和单元格分隔线。（3）控制单元格空白在TABLE标记符中使用cellspacing属性可以控制单元格之间的空白，<TD></TD>定义表项结束符可省略<TR></TR>定义表行开始，结束符可省略表格的行与列（1）行合并<TD>和</TH>标记内使用ROWSPAN属性进行行合并，格式为:<TDROWSPAN=X>表项<TD>X－－为纵方向上合并的行数。（2）列合并<TD>和</TH>标记内使用COLSOAN属性进行列合并，格式为:<TDCOLSPAN=Y>表数据项<TD>Y－－为水平方向上合并的列数。例如：图片与多媒体1.插入图像在HTML中，使用IMG标记符可以在网页中加入图像。它具有两个基本属性：src和alt，分别用于设置图像文件的位置和替换文本。2．设置图像属性（1）指定图像的宽和高在HTML中，使用IMG标记符的width和height属性可以指定图像的宽度和宽度，以告诉浏览器Web页应分配给图像多少空间（以像素为单位）。（2）图像的边框使用IMG标记符的border属性，可以给图像添加边框效果，边框的取值是像素数。（3）图像和文字的距离<imgvspace=#hspace=#>#=value例如:<imgsrc=“sun.jpg”vspace=20hspace=10>ALIGN属性图像和文本混排时，图像和文本的相对位置可使用IMG的ALIGN属性.Top.Middle.Buttom

文字位置向上对齐，居中对齐，向下对齐。Left.Right文字位置相左对齐，相右对齐。结果图象布局（1）指定图像的高和宽格式：<IMGSRC=“图片文件名”WIDTH=XHEIGHT=Y>X、Y可取像素数，也可取百分数（注意百分数加引号）图片宽度图片高度在网页中插入图象格式：<IMGSRC=“图片文件名”ALT=“该图片的说明文件”>例如：背景音乐<bgsoundsrc=#>#=WAV文件的URL

<bgsoundloop=#>#=循环数插入视频剪辑<imgsrc="url.gif"dynsrc="url.avi">用url.avi这一AVI(VideoforMS－WINDOWS)文件来播放视频；

用url.gif这一GIF图象作为视频的封面，即：在浏览器

尚未完全读入AVI文件时，先在AVI播放区域显示该图象。<imgsrc="SAMPLE-S.GIF"dynsrc="SAMPLE-S.AVI">循环播放<imgloop=#><loop=infinite>将循环播放不止。<imgsrc="SAMPLE-S.GIF"dynsrc="SAMPLE-S.AVI"loop=3>延时<imgloopdelay=#>#=毫秒数<imgsrc="SAMPLE-S.GIF"dynsrc="SAMPLE-S.AVI"loop=3loopdelay=250>何时开始播放AVI<imgstart=#>#=fileopen,mouseover缺省值是#=fileopen，即在链接到含本标记的页面(如本页)时开始播放AVI。mouseover是指您把鼠标移到AVI播放区域之上时才开始播放AVI。也可以两者同时设置：<imgstart=fileopen,mouseover>另外，用鼠标在AVI播放区域点击一下，也将令浏览器开始播放该AVI。<imgsrc="SAMPLE-S.GIF"dynsrc="SAMPLE-S.AVI"start=mouseover>（3）设置文字和超链接的颜色在设置了背景图案或背景颜色后，常常需要更改正文字符和超链接的颜色，以便与背景相适应。设置正文和超链接颜色时，可以使用BODY标记符的text、link、vlink和alink属性。其中，text属性用于设置正文的颜色；link属性用于设置未被访问的超链接的颜色；vlink用于设置已被访问过的超链接的颜色；alink用于设置活动超链接（即当前选定的超链接）的颜色。TEXT－－属性用于设置正文的颜色LINK－－属性用于设置未被访问的链接颜色VLINK－－属性用于设置已经被访问的链接颜色ALINK－－属性用于设置活动链接颜色（当前选定的链接）例如：<bodybgcolor=“#000000”text=“#ffffff”link=“#999999”Vlink=“#cccccc”alink=“#666666”>注意：颜色可以用英文表示，

也可用＃FFFFFF如在BODY中不设置背景及字符链接颜色，浏览器采用默认的设置，white（白色）或gray（灰色）为BGCOLOR，black为TEXT，blue为LINK，purple为VALINK,red为ALINK。利用HTML制作滚动字幕

滚动字幕是一种常用的网页效果，使用MARQUEE标记符可以设计滚动字幕，利用MARQUEE标记符中各种属性来控制滚动字幕的滚动方式。例如：<body><marquee>我的个人网页，欢迎访问</marquee>文字移动属性的设置方向<direction=#>#=left,right<marqueedirection=left>啦啦啦，我从右向左移！</marquee><P>

<marqueedirection=right>啦啦啦，我从左向右移！</marquee>式<bihavior=#>#=scroll,slide,alternate<marqueebehavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee><P>

<marqueebehavior=slide>啦啦啦，我只走一次就歇了！</marquee><P>

<marqueebehavior=alternate>啦啦啦，我来回走耶！</marquee>循环<loop=#>#=次数；若未指定则循环不止(infinite)<marqueeloop=3width=50%behavior=scroll>啦啦啦，我只走3趟哟！</marquee><P>

<marqueeloop=3width=50%behavior=slide>啦啦啦，我只走3趟哟！</marquee><P>

速度<scrollamount=#><marqueescrollamount=20>啦啦啦，我走得好快哟！</marquee>延时<scrolldelay=#><marqueescrolldelay=500scrollamount=100>啦啦啦，我走一步，停一停！</marquee>（5）段落对齐<DIV></DIV>标记符为文档分节。以便为文档不同的部分应用不同的段落格式。它需要与ALIGN属性配合使用。位于DIV标记符中的多段文本将被认为是一个节。可为它们设置一致的对齐格式。RIGHT：右对齐LEFT：左对齐CENTER：居中对齐JUSTIFY：两端对齐ALIGN属性ALIGN属性可用于多种标记符，最典型的是应用于DIVPHnHR中。例如：浏览器结果图像和文字的距离<imgvspace=#hspace=#>#=value例如:<imgsrc=“sun.jpg”vspace=20hspace=10>4图像的边框<IMGBORDER=“边宽”>可以在IMG标记符内使用属性hspace和vspace设置图像周围空白，其中hspace示水平方向的空白，vspace表示垂直方向的空白，它们的取值都是像素数。（4）图像的对齐①图像在页面中的对齐设置图像在页面中的对齐与设置文本对齐类似，可以使用DIV或P标记符将IMG标记符括起来，然后使用align属性。②图像与周围内容的垂直对齐使用IMG标记符的align属性，可以控制图像与周围内容的垂直对齐。③图文混排时的图像对齐如果要在图像的左、右环绕文字，也应该使用IMG标记符的align属性。格式：<IMGSRC=“图片文件名”HSPACE=XVSPACE=Y>X值设置水平方向的空白，Y值设置垂直方向的空白，单位为像素数。例如：结果图像在页面的对齐设置图像在页面的对齐与设置文本对齐类似，可以使用DIV或P标记符的ALIGN属性.结果ALIGN属性图像和文本混排时，图像和文本在垂直方向的对齐可使用IMG的ALIGN属性，.结果使用超链接URL(UniversalResourceLocator)

它包括3部分：一个协议代码；一个装有所需文件的计算机地址（或一个电子邮件地址或是新闻组件名称）以及包含有信息的文件地址和文件名。绝对URL是指internet上资源的完整地址，包括协议种类，、计算机域名和包含路径的文档名。其形式为：协议：//计算机域名/文档名例如：HTTP://WWW./pup/netbook/example.htm就是一个绝对的URL.相对URL是指internet上资源相对于当前页面的地址，包括从当前页面指向目的页面位置的路径。例如：pub/example.htm

就是一个相对的URL创建超链接指向本地网页的链接格式<AHREF=“另一个网页文件”>超链接</A>注意：网页文件不在同一目录下要写明路径名。（2）指向其它网页的链接如果超链接指向的内容是外部网页，则应使用绝对的URL例如<AHREF=“”>微软站点</A>（3）指向网页中特点部分的链接除了可以对不同页面进行链接以外，用户可以对同一页面的不同部分进行链接。例如：可以在长文档的顶部或底部以超链接的方式显示一个目录，并在页面的底部放一个返回顶部的链接。方法为：在需要跳转的位置放置A标记符，并用NAME进行命名（锚点）但在标记<A></A>之间不用任何文字。例如：在页面的开始处用下列语句进行标记：<P><NAME=“top”></A></P>对页面进行标记之后，就可以用A标记符设置指向这些标记位置的链接。对上面的语句可以用：<AHREF=“#top”>此处</A>返回页面顶部注意：对锚点链接，应使用符号＃。当用户在浏览器中单击文字“此处”时，将显示以标记<ANAME=“top”>开始的页面部分。我们可以简单地记住：<AHREF>表示单击标记，<ANAME>表示单击后访问地页面部分。同样，用户也可以在不同的页面设置锚点，然后在A标记符的HREF属性中添加页面地址或页面名称，并添加＃标记，从而与另一个页面中的命名锚点进行链接。例如：图像与超链接在超链接中，链接对象既可以是网页文件，也可以是图像文件、文本文件、声音文件或视频文件。1链接到图像<P>请单击<AHREF=“C:/Windows/winlogo.gif”>此处</A>以显示图像。。图像、文本、声音文件或视频文件（2）嵌套表格将表格作为一个单元格的内容放置在<TD></TD>之间即可例如：使用框架1框架的基本概念（1）什么是框架：与表格类似，框架可以使设计者以行和列的方式组织页面信息，其不同的是：框架中能包含滚动条，可以包含超链接、通过单击超链接可以改变自身或其它框架的内容。它的典型用法是：在某一个或若干个框架中包含固定信息，而在另一个框架中显示页面的主要内容，通过单击其它框架的超链接，来不断改变该主意框架的内容显示。（2）框架的定义格式：<FRAMESET><FRAME><FRAME><FRAME>……………</FRAMESET>，如果要创建横纵框架，应使用嵌套语句。例如：注意：在HTML文档中，如果包含FRAMESET标记符，则不能包含BODY标记符。框架是按行和列进行排列的，建立框架结构时，应使用FRAMESET标记符的ROWS和COLS属性，分别用于构造横向纵向分隔架，这两个属性不能同时使用，如需创建横纵框架，应使用嵌套。Rows和Cols的取值可以是：象素数：指定框架的绝对大小％数：指定框架相对浏览器的大小n*：由前两种方法指定剩余部分,仅用*（n=1）为整个窗口，*.*均分二例如：<framesetrows=“120,*,120”>在垂直方向上将窗口分3个框架<framesetcols=“150,*”>在水平方向上将窗口分2个框架。使用表单表单的概述（1）定义：表单是Web页的一个组成部分，它包含一个可以由读者键入或选择信息的区域，并能将信息返回给网页制作着。（2）表单的内容：它包含普通内容、控件以及控件标签（3）控件：控件是表单中用于接收用户输入或处理的元素，典型的控件有：文本框、复选框、单选框、菜单等。（4）控件的类型：按钮提交按钮Submit重置按钮Reset普通按钮Button利用HTML创建表单，这样创建的表单通常由两类元素构成，一是普通的页面元素，例如表格、图像、文字等，二是用于接收信息的特定页面元素，也就是所谓的表单控件。1．表单标记符HTML中表单标记符为FORM，其主要作用是设定表单的起止位置，并指定处理表单数据程序的URL地址。

2．表单输入标记符INPUT是表单输入标记符，在表单创建中使用频繁，大部分表单内容需要用到此标记符。3．控件定义方法（1）文本框和口令框创建单行文本框的基本语法如下：<INPUTtype="text"name=""value=""size=""maxlength="">复选框、单选框都使用Input菜单框使用Select标记符创建，需同时使用Optgroup和Option标记符号文本输入框单行文本Input多行文本Textarea文件选择框用于选择文件与表单内容一起提交Input隐藏控件：用于不需在表单中显示的文本，但与表单一起提交，也使用Input对象控件：通用控件用Object标记符创建，常用嵌入多媒体对象。（5）FORM标记符如果在网页中添加表单，应在文档中添加<FORM></FORM>标记。格式为：<FormMethod=“Get/Post”Action=“URL”type=“type”><各种表单元素（包括控件和其它内容）></Form>注意：<Form>标记不能嵌套使用，不能省略结束标记FORM标记符作为包含控件的容器。它指定了：表单的布局（由FORM标记符内的内容决定）用于处理已提交表单的程序（由Action决定），该程序必须能够处理表单数据（CGI)用户数据提交服务器的方法（由Method属性指定）创建输入型表单元素（1）Input属性：Type=text/password/checkbox/redio/submit/file/hidden/image/button此属性指定要创建的控件类型，默认值是text，即创建单行文本框

Name此属性指定控件的名称Value此属性指定控件的初始值。除非控件类型是“redio”或“checkbox”，否则此属性可以省略。Size此属性指定控件的初始宽度。属性值通常是像素，但当type属性为“text”或“password”时，该值的含义是字符数。Maxlength当type属性为“text”或“password”时，此属性指定用户输入文本的最大个数，若长度超过了size属性的指定，此时，浏览器会允许数据的滚动，其默认值是不限大小。Checked当type属性为“text”或“password”时，此布尔属性指定了该框是否选中。对于其它类型的控件，浏览器会忽略此属性。Src＝URL当type属性为“image”时，此属性指定了用于修饰图形化提交按钮的图片的位置。（2）创建文本框创建单文本格式<INPUTtype=“text”name=““value=““size=numberMaxlength=number>其中：Name属性指定了控件的名称，当在脚本中处理该控件时，可以引用其名称，Value此属性指定控件的初始值。Size属性指定文本框的宽度，Maxlength属性指定了用户输入文本的最大个数。例如：具有单行文本框的表单（3）创建口令框表单中的口令框与文本框类似，但其中的所有文本显示出来的都是星号（*）。注意：口令框只能提供很低层次的安全性，因为口令框中的值与文本框的值一样，在提交表单时，是以字符格式传送的，任何具有很低访问权限的人都能使用不太复杂的的技术获得这些数据。如果提供更高的安全性应采用其它方法。要创建一个口令框，应在<FORM></FORM>标记间输入一个INPUT标记符，然后指定TYPE属性为“password”，其语法如下：<INPUTtype=“password”name=““value=““size=numberMaxlength=number>其中：type为口令文本框；name用来引用输入的内容；Value此属性指定控件的初始值。Size属性指定文本框的宽度，Maxlength属性指定了用户输入文本的最大长度用户输入文本的最大长度，例如：运行结果：（4）复选框与单选框<INPUTtype=“checkbox/radio”name=““value=““(Checked)>选项文本Type属性说明该控件是一个复选框：name中的值则用于以后在脚本中引用该复选框及单选框；value属性则是当将这个复选框及单选框选中后的设定值。checked属性是可选项，它告诉浏览器当第一次显示时，应将这个复选框或单选框显示为被选中状态；最后位于INPUT标记符外的“选项文本”则是指与特定的复选框或单选框有关的任何文本。例如：（5）文件选择框如果网页设计者需要用户在表单中选择文件，然后将选中的内容发送到服务器，则可以使用“文件选择框”格式为：

<INPUTtype=“File”name=““value=““size＝number>Type属性说明该控件是一个文件选择框；name中的值则用于以后在脚本中引用这个文件；value属性是该控件的缺省值；size属性设置用于保存文件名字段的宽度。以下HTML代码显示了如何在表单中包含文件选择框。程序代码：浏览器中显示结果：（7）创建普通按钮在HTML中，网页设计者可以使用BUTTON标记符创建三种按钮提交submit重置reset普通button格式为：

<BUTTONname=““value=““TYPE＝submit/reset/buttonr>需要包含在按钮中的信息可以是文本或图像</BUTTON>使用BUTTON创建按钮可以有更多的选择，可在按钮上显示图片的同时显示文本（只有将相关信息包含在<BUTTOM>与</BUTTON>内即可。例如：结果如下：（8）创建选项菜单要创建选项菜单，应在FORM标记符中插入SELECT标记，并将每个可独立选用的项用一个OPTION标记标出来。格式为：<SELECT><OPTION><OPTION>………………</SELECT>SELECT标记符属性：Name：此属性指定控件名Size＝number此属性指定选项菜单中一次显示多少行Multiple：如设置了此布尔属性，则允许用户选择多

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论