收藏 分享(赏)

网页设计与制作_第3章 HTML的认识.ppt

上传人:saw518 文档编号:4666686 上传时间:2019-01-06 格式:PPT 页数:69 大小:190.50KB
下载 相关 举报
网页设计与制作_第3章 HTML的认识.ppt_第1页
第1页 / 共69页
网页设计与制作_第3章 HTML的认识.ppt_第2页
第2页 / 共69页
网页设计与制作_第3章 HTML的认识.ppt_第3页
第3页 / 共69页
网页设计与制作_第3章 HTML的认识.ppt_第4页
第4页 / 共69页
网页设计与制作_第3章 HTML的认识.ppt_第5页
第5页 / 共69页
点击查看更多>>
资源描述

1、第三章HTML的认识,当我们畅游Internet时,我们透过浏览器看到的网页,实际上主要是由HTML(超文本标记语言)实现的。所谓超文本指是把一些信息根据需要链接起来的信息管理技术,可以通过一个文本中的链指针打开另外一个相关的文本,只要用鼠标点一下文本中的高亮度或带下划线的条目,便可以得到相关的信息的文本。HTML是建立网页文件的一种语言,我们在第二章学习过的用FrontPage制作的网页以及用Dream Weaver 制作的网页也同样会生成HTML文件。我们可以通过直接查找代码来认识它们。HTML通过标签来分割和标记文本中的各个元素,如标题、表格、段落、列表等。,HTML以“”表示这个标签的

2、结束。下面是一个标签的实例:。其中“A”是标签名,表示该标签是用来标记一个链接的;“HREF”是该标签的属性,表示该链接的地址;“http:/”是该属性的具体值。HTML标签又分为单标记指令和双标记指令,一般情况下都是成对出现的,并且用“/”表示标签之间的响应,例如“”和“”就是一对标签。每一对标签的作用范围在这两个标签之间,同时标签允许嵌套。,例如:网页创作示例这是一个用于教学的示范网页。,31 HTML基本结构,一个HTML文件应具有下面的结构:HTML文件开始文件头开始 文件头文件头结束文件体开始 文件体文件体结束HTML文件结束,一般来讲,HTML的的元素有以下3种表达方式: 对象 对

3、象 ,3.1.1 三个基本标签,HTML定义了3种标签用于描述页面的整体结构,主要是、。,3.1.1 三个基本标签,标签:是HTML语言里的第一个标签,凡是一个HTML源文件都是以此开头。它用来通知客户端该文件是HTML文档,在文档结尾处也有一个对应的作为结尾标记。 标签:出现在文档的起始部分,紧靠标签。该标签表明了文档题目,包含的是文档的无序信息。文档标题部分可以包含题目和主题信息,以为结束标签。 标签:在HTML当中,标签用来指明主体部分。为了理解方便,读者可以把主题部分简单地理解为标题以外的所有部分,该部分可以包含其他字符串(如标题、列表、段落等),结束标签是。,3.1.2超文本文件的格

4、式约定和限制,超文本文件的格式有许多约定和限制,以下是其主要内容: (1)由于WWW浏览器忽略超文本文件中的回车符(除非用户指定用标记元素限制按源文件格式展示文本内容),而是用专门的标记符号表示回车。 (2)由于WWW浏览器是按标记元素来控制超文本显示效果的,所以源文件列宽不受限制,一个文件的内容可以写在一行中,也可以写成习惯的80列屏幕宽度,后者更便于源文件的阅读和修改。 (3)在超文本中用“/”表示路径,而不时DOS系统中的反斜杠“”。 (4)在超文本中可以用标记元素插入图形图像。,3.2页面排版的基本元素,3.2.1文件中标题标记()和字体标记() 和标签是用来说明HTML文档的标题。当

5、浏览器浏览网页时,会将标题显示在浏览器最上方的标题栏内。 是文件头开始标记,是文件头结束标记。 HTML文档中的字体标签是,字体标签用于对文件中的文章章节进行划分。分别有h1、h2、h6,用于表示文章中的各级标题的字体大小。标记号越小,标题字体越大,也就是标题越大。,下面我们来看一个简单的例子,在“记事本”中编辑利用刚刚学习的三个基本标签代码和这六个标题字体标记,代码如下:使用标题一级标题 二级标题 三级标题 四级标题 五级标题 六级标题将文档保存为“标题.htm”或“标题.html”用IE浏览器打开该文件,3.2.2设置字体,一个网页可由许多不同的字体组成,适当的字体或颜色的变换能够使网页浏

6、览者不至于对长段的文字感到厌倦。但是在一个网页里使用过多的字体反而会使网页变得杂乱无章,严重影响到网页的可读性,字体对于网页的内容而言是相当重要的。它的设置包括很多内容,下面具体说明字体的设置。 1、设置字体大小 字体大小即字体在页面里显示的尺寸,HTML中把字体尺寸分为7个级别,分别对应着不同大小的字体。HTML语法表示为:文字内容,其中#的取值为1、2、3、4、5、6、7等。,2、物理字体设置,物理字体的实质包括对字体的粗体、斜体、下划线、上下标记和加删除线标记等操作。HTML语法格式表示为: :粗体 :斜体 :下划线 :设为上标 :设为下标 :加删除线标记 :小字,3、字体颜色的设置,对

7、于字体颜色的控制,在HTML中使用16进制的数据变量(000000FFFFFF十六进制之间)对颜色进行标识。一般可以选用如下几种颜色:Black、Olive、Teal、Red、Blue、Maroon、Navy、Gray、Lime、Fuchsia、White、Green、Purple、Silver、Yellow和Aqua。语法格式表示如下: 其中#为任意一种颜色值。,4、逻辑字体,逻辑字体效果跟物理字体比较类似,它能控制字体的饿倾斜度和大小。常用的几个语法表示如下: 或:字体倾斜 :设置为小号字体 :设置为大号字体 :缩小字体(适用于程序代码和指令) :粗体 :缩小字体+斜体(适用于电子邮件与网

8、址) 5、文字闪烁 标记为: 注意:IE不支持此效果而Netscape支持,3.2.3设置段落标记,HTML中常用的段落标记有下面几个: 段落标记:段落起始和结尾的标记,基本语法为:. 保留段落编辑标记:如果文字编辑工具已编排好一段内容,想直接依照原编排显示为HTML文件,此时格式化段落内容的标记便派上用场。用此标记,文字内容将以原编排的格式显示出来。基本语法为:。,文字中的居中对齐标记:如果需要将文件的段落或说明的各类标记文件居中对齐,都可以使用居中对齐标记。基本语法为:。使用此标记,浏览器能够根据窗口的大小自动调整每行文字的居中显示。用户也可以使用标记中的居中属性,它将所有网页中的内容执行

9、居中显示,标记格式为,用户同样可以使用、标记的居中属性(用法同)。,段落缩进标记:如果段落需要缩排,请直接在前后加上缩排标记。每使用一次可以缩排数个空白字符,如果段落想缩排的更多,重复使用此标记即可。基本语法为:。 文字换行标记:一般文字处理程序将【Enter】键视为换行或段落分隔符号,但是在浏览器中需要使用文字换行标记,否则将不会显示换行的文字效果。换行标记是一个单标记指令,与此相反的标记是关闭标记其格式为:。应该注意它与文字换行标记不同的是有结束标记,显示效果是关闭由浏览器依其窗口大小自动将文字转行功能,改由滚动条控制。,下面就来看一个设置段落标记的具体例子,源文件代码如下:设置段落标记段

10、落标记的使用,一段结束。 此处后面换行这是另起一行的内容。 以下保留已格式化文本,按原样式输出。 两个黄鹂鸣翠柳, 一行白鹭上青天。向右缩进的内容,保存文件为“段落.htm”,,3.4.1表格的基本形式,在HTML语法中,表格的建立由,和四个标记完成。下面是对这四个标记的说明。 表格起始标记:标记用于标识一个表格。一个表格是由标记开始,标记结束。表格的内容由、和标记定义,表格的边框类型由border=#标记属性指定,其中#为数字,默认值为0。 表格行标记:标记用于定义表格的一个行,表格有多少行就有多少个标记。在一个标记内可以包含若干个由和标记所定义的单元格。,单元格标记:标记用于定义表格的单元

11、格,表格有多少个单元格就有多少个标记。使用标记时,必须将其放在标记内。 标题单元格标记:标记用于定义表格内的标题单元格,表明此单元格中的文字将以粗体的方式显示。,在建立最基本的表格时,必须包含一个标记、一个标记、一个标记和一个标记。其语法如下:,如需要定义一个三行三列的表格,其源文件代码如下。表格示例手机价格行情产品价格折扣 Nokia 885045009折 Nokia 8810260085折,3.4.2表格的属性,HTML语言的table标记中提供了border,width,cellspacing,cellpadding及bgcolor等属性,现叙述如下: 属性:功能是设置表格边框的宽度,标

12、记格式为:table border=#其中,#为数字,单位是pixel(像素),默认值为0。 属性:功能是设定整个表格的宽度,有绝对方式和相对方式两种。如: ; 其中,绝对宽度的单位为pixel,此标记的默认值为自动匹配。,属性:功能是设置框线的宽度。标记格式为: 其中,#为数字,单位是pixel(像素),默认值为1。 属性:功能是设置数据与边框的宽度,标记格式为: 其中,#为数字,单位是pixel(像素),默认值为1。 属性:功能是设置单元格的背景颜色,标记格式为: ,3.4.3单元格属性,单元格属性指的是每一个表格中的格,体现在HTML标记中就是和标记的属性设定,主要有width,heig

13、ht,align,valign,bgcolor以及nowrap六项属性。 属性:其功能是设定单元格的宽度,单位是pixel。如: 产品名称 属性:其功能是设定单元格的高度,单位是pixel。如: 产品名称,属性:其功能是设定单元格的水平对齐方式,如: 产品名称其中,#为left,right,center三者之一。 属性:其功能是设定单元格的垂直对齐方式,如: 产品名称其中,#为top,middle,low三者之一。 属性:其功能是设定单元格的背景颜色,如: 产品名称 属性:其功能是强制单元格的内容不换行,该标记没有属性值,如果不加此属性则单元格默认为自动换行。如: Nokia8850是一款高贵

14、的手机,整机非常小巧轻盈,采用滑盖设计,3.4.4合并单元格,有时需要将两个或更多个单元格合并为一个,这时就需要用rowspan及colspan属性。Rowspan属性用于向下延伸合并单元格;而colspan属性用于向右延伸合并水平单元格。这两个属性一般用在及标记内,至于合并单元格的个数可由等号右边的数字表示。如: 合并3个水平格 合并2个垂直格,表格综合实例:,表格示例产品目录 主机电池腰夹皮套 Nokia8850 北京造900mA随机赠送随机赠送 Nokia7100 东莞造900 mA随机赠送无保存文件名为“综合表格.htm”,3.5图片与多媒体,图片、多媒体在网页中都是不可缺少的点缀物,

15、能否很好地使用图片对提高页面的效果起决定性的作用。本节主要讨论HTML嵌入声音、视频图像。,3.5.2标记的属性,嵌入图片的标记是:,#为图片的URL(地址),可以用相对路径和绝对路径表示。此标记常用的主要有7项属性,分别为width,height,hspace,border,align及alt属性。下面对其进行说明: width属性:此属性设定图片的显示宽度,其值可以是数字或百分比,单位是pixel(像素)默认值是原始宽度。 height属性:此属性设定图片的显示高度,其值可以是数字或百分比,单位是pixel(像素)默认值是原始高度。,hspace属性:此属性设定图片在浏览器中的水平位置,其

16、值可为数字,单位是pixel默认值是0。例如:指的是图片test1.jpg左右两边各空出100个像素的空间。 vspace属性:此属性设定图片在浏览器中的垂直位置,其值可为数字,单位是pixel默认值是0。例如:指的是图片test1.jpg上下两边各空出100个像素的空间。 border属性:此属性设定图片的边框宽度,其值可为数字,单位是pixel默认值是0。 align属性:此属性设定与图片相邻文字对图片的相对位置,选项可为:,top,middle或button,依次设定文字位置为向上对齐、居中对齐或向下对齐。 left或right,作用依次为文字向左对齐或向右对齐。 alt属性:此属性作用

17、是对图片进行说明,当鼠标置于图片之上时就会出现关于该图片的说明。而当浏览器的显示图片功能关闭时,以alt所设定的文字取代图片显示为图片的位置,这样,浏览者往往可以从这些文字中看出图片所要展示的内容。需要注意的是,文字要用一对引号包含起来,此属性的默认值为不显示任何文字。,下面就是一个上述属性的综合实例。图片显示示例保存文件名为“图片.htm”,3.5.3嵌入声音,在网页中可以嵌入的声音后缀为.wav、.au、和.mid三种文件,它们分别是波形文件、real文件、Midi序列文件。其中波形文件最大,real文件由于采用real公司的压缩算法,因此比wav文件小,而Midi只是一个声音序列文件,因

18、此最小。嵌入声音的方法有以下两种。,1、使用超链接标记,这种方案是用超级链接标记将声音文件放在网页上,这样,当浏览者点击超级链接时浏览器会将这个声音文件先下载到浏览者的机器硬盘上,再调用相应的播放程序播放。但考虑到网络速度问题,声音文件不能太大,否则浏览者会对此失去兴趣。例如:测试多媒体点一下听到幻想曲,2、使用自动播放的标记,另一种方案是用自动播放的标记来播放背景音乐,标记为: 这个标记有四个属性: width属性,指定播放的影音文件的宽度。 height属性,指定播放的影音文件的高度。 autostart属性,指定播放的影音文件是否为自动播放,即其值为true或no,默认值为no loop

19、属性,指定播放的影音文件的次数,其值可为true或no,前者表示始终循环播放,后者表示只播放一次,默认值为no,示例文件如下:测试自动播放多媒体需要注意的是此标记只有IE浏览器支持,Netscape不支持。,3.5.4嵌入多媒体,在网页中也可以嵌入以.mov、.mpg、.dat、.avi为后缀的动画或影片,可以用超级链接的方法实现这个功能。例如:显示时钟,其具体实现过程同嵌入声音文件的第一方案相同,也是通过提示下载相应文件或当前位置打开。 也可以用标记来实现多媒体的自动播放,具体过程同嵌入声音文件的第二种方案相同这里仅给出一个例子。测试自动播放视频,3.6在网页中建立超链接,3.6.1 超链接

20、标记符 创建一个超链接需要使用标记符,A是Anchor的首字母,标记符的最基本属性是HREF,用于指定链接到的文件位置。此外,标记符还有其他属性,下面将分别介绍。,(1)HREF=”URL”:是超链接最基本也是最常用的一个属性,用以指定超链接所连接的文件的相对或绝对位置。 (2)NAME=”:NAME也是一个比较基本的属性,用以创建书签,指定书签名称。 (3)TARGET=”:在框架网页中该属性很重要,用以指定目标框架的名称。 (4)ACCESSKEY=”:指定超链接的存取按键,当浏览者按下ACCESSKEY属性所指定的按键时,网页的焦点就会移动到组件上。 (5)ET=”:指定超链接的字元编码

21、方式。 (6)REV=”:从HREF指定的文件到当前文件之间的关联。 (7)TYPE=”:指定内容类型content type。 (8)HREFLANG=”langcode”:指定HREF属性值的语种。 (9)TABINDEX=”n”:指定组件在网页中的TAB键顺序值。,3.6.2创建超链接,根据所链接到内容的不同,常见的超链接可分为4种:指向本地网页的链接、指向其他网页的链接、指向页面中特定部分的链接(书签链接)以及连接至E-mail地址的链接。1、指向本地网页的超链接 当用户在同一台计算机内将一个页面与另一个页面进行链接时,即进行本地网页的链接,本地网页之间的链接不用指定完整的Intern

22、et地址,即绝对URL,采用文件相对URL即可。本地网页链接又可分为两种情形:链接至位于相同文件夹的文件、链接至位于不同文件夹的文件。,2、链接至位于相同文件夹的文件,如果两个页面在同一个文件目录下,可以采用相对URL方式,简单地在HREF属性中指定HTML文件名即可。当用浏览器打开有超链接的网页时,包含在标记符间的内容将以超链接的形式显示,并带有下划线,当鼠标移到上面时,鼠标指针变成手形,通常颜色为蓝色,访问后变为紫色。,3、链接至位于不同文件夹的文件,假设要将A1.html内的文字“请链接B2”设成链接至B2.html的超链接,仍可采取文件相对URL的方式来指定超链接的URL,即请链接B2

23、。这样,HTML代码就创建了一个不同目录下的超链接,指向当前总目录下的子目录2下的B2.html文件。,4、指向其他网页的链接,如果超链接指向的内容是外部网页,则必须采用绝对URL,即应使用完整的路径名。例如,如果要将A2.html网页中的文字“请登录到网易!”设成链接至网易站点的超链接,则应使用的HTML语句是:请登录到网易!,5、页面的特定部分链接,不同页面之间可以相互进行链接,在同一页面的不同部分或不同页面的特定部分也可以进行链接。当网页的内容超过一定的长度,或具有很多不同的页面时,还可以对同一页(或不同页)的不同部分进行链接。这种链接有点像书签的作用,这就像我们阅读一本书,在每一章的开

24、头放上一个标签,然后想翻到哪儿就翻到哪儿一样,我们称页内特定部分的链接为书签链接。建立书签超链接分两个步骤:,(1)首先应为页面中需要跳转到的位置即书签的终点指定书签的名称,命名时应使用标记符的NAME属性。其方法是:在需要跳转到的位置即书签终点放置具有NAME属性的标记符,在标记符与之间不用任何文字,这样就建立好了书签的名称,通常我们称具有书签的位置为锚点。 (2)设置好书签后,再到书签的起点用标记符的HREF设置指向这些具有书签标记位置的链接。,6、链接至E-mail地址的超链接,除了前面3种链接方式外,大部分网页还允许进行E-mail地址的链接,也就是在链接中包含电子邮件地址信息。当浏览

25、者单击电子邮件地址、信箱之类的链接信息时,就可以启动邮件编辑程序进行信件的发送。 在设置连接至E-mail地址的链接时,有两点需要注意,一是要利用标记符的HREF属性指定收件人的电子邮件地址;二是要在电子邮件地址前加上mailto:通讯协议。链接的文本可以是文字,也可以是图片,还可以直接将电子邮件地址进行链接。其基本语法为:,需要帮助请写信给我们!(链接文本为文字) (直接将E-mail地址作为链接文本) (用图片作为链接文本) 当单击指向电子邮件的超链接后,不管是文字、图片或电子邮件本身,系统将自动启动邮件客户程序,而且收件人的地址已经自动填写好了,便可以发送邮件了。,3.7框架网页的学习,

26、3.7.1 什么是框架,所谓框架是指在浏览器的一个窗口中划分出若干区域,以便同时显示多个HTML文件,并且各个文档间还可以有一定的联系,这也是一个极其常用的技巧。虽然有可能由于某些区域太小从而破坏这个文档的可用性,但它的好处也是显而易见的可以大大地增加一个窗口的信息量。你可以用一个窗口放参考性的连续目录,用一个窗口放一些控制,用另一个大的窗口放主页内容。 HTML代码中有两部分来创造框架,第一部分是在一个新的HTML文件中用来确定如何在一个窗口中加载框架,第二部分需要指出在各个文档中哪些是要包含在框架中的,也就是要决定每一个连续所指的文档要装入哪个框中,这是一个好的设计所必备的。,3.7.2

27、与框架有关的标签,属性说明Src=”xxx.html”指定文档路径Name=”xxx”给框架起个名字Marginwidth,Marginheight用来指定边线的宽窄Scrolling指明是否需要在框架上加上滚动条,其值为no,yes,autoTarget=”xxx”这是使用框架时最重要的部分之一,用来确定把一个框架中的文档置于何处(自己所在的框架、其他框架、新窗口或者是整个浏览器)。,标签一般在文档的开头,当它跟属性target时,用来规定一个默认值,使文档中的每一个链接都被载入特定的区域。 对于由规定的默认值,如果在文档中有例外,可以在链接的标签中加入target属性,如: target除

28、了可以指向有name命名的框架外,还可以有以下一些值: target=”_blank”:载入一个新框 target=”_self”:载入调用者所在框 target=”_parent”:载入调用者的母框 target=”_top”:载入整个窗口,退出框架模式,使用框架时,必须小心设定target,以免在使用时造成混乱,这是框架设计的关键。与框架有关的标签还有一对:。这对标签用来在浏览器不显示框架时显示内容,对于显示框架的浏览器将忽略此时标签内所包含的内容。,3.7.3 框架网页的制作,框架的标签是以及表示框架的每一部分的及其属性src。用属性cols或rows分别表示将整个文档划分的方式:是纵向

29、划分还是横向划分。Cols和rows的参数定义了各个框架的大小。它们可以用像素个数表示,也可以用占屏幕的百分比表示,下面是一个框架的例子:,3.8 交互网页的制作,如果客户想要通过WWW进行网上注册、交谈、输入口令和查询条目等操作,就必须使用交互元素,这些元素仅仅提供一个接口界面,服务器端还必须有相应的程序来处理客户的信息。交互网页的发展很快,这里做一个简单的介绍。,3.8.1 交互元素所实现的主要功能,确定交互方式,是发送信息还是接收信息;定义输入信息的类型,是普通文本、口令还是图形;用选择的方式输入信息,既可以定义选择框也可以定义选择菜单。 实现这些功能都需要在form语句段中用特定的元素

30、来标记,主要有、等元素和其他提示信息组成,这个语句段的结构可以简写成: (交互语句段开始,并定义交互方法等)(其他提示信息和说明信息) (输入元素的描述,可以有多个) (定义输入信息区的元素) (通过选择菜单输入信息)(选择项变元的说明)(选择菜单语句段结束) (交互语句段结束)其中,、和元素是必须在之间定义,而又必须写在元素语句段中。,3.8.2定义交互方法的元素,action=”url”激活处理交互信息的程序,实现客户机和HTTP服务器的连接。URL表示统一资源定位命令,通常给出HTTP地址和文件目录。 method=post指定为发送form信息,信息将从客户机送至HTTP服务器,把浏览

31、器一端的信息发送给连接的WWW服务器,如注册、订单等。 method=get指定为获得form信息,信息将从HTTP服务器送至客户机,多用于检索,即浏览器一端输入关键词或口令,便可以从连接的WWW服务器得到检索信息。,(1)获取信息的语句段实例:, survey results,(2)发送信息的语句段实例:,product numer/name:study ,3.8.3元素描述字段的说明,Input元素必定给出一个可容纳20个字符的输入框,这个输入框有如下特点: (1)在输入框中可以进行编辑,例如插入、删改操作等。 (2)如果没有maxlength限制长度,用户可以输入任意长度的字符串。 (3

32、)用size字段可以重新设定输入框的大小,只有输入操作是隐含类型的,即用时才不显示输入框。下面是常用的input元素标记格式:你的姓名: 你的主页: 密码:,3.8.4用来描述特性的字段,type:描述输入操作的类型,主要有:text、password、checkbox、radio、image、hidden、submit和reset。 name:描述响应操作的CGI变元名称,只有在输入类型为按钮,即type=submit或type=reset时,name字段才能省略。 value:赋值字段,描述要在对话框中显示的内容,或者给字段和变元赋值,由于value字段可以与描述输入类型的多个字段组合使用

33、,所以它的赋值也可以有多种。如:按钮类,submit、reset,用指定的字符串作为按钮替换名称,如type=reset value=”clear”,那么显示的按钮名称则变成clear;文本类,text,显示在输入框中的内容;其他,hidden、检查框,作为变元name的缺省值。 size:定义对话框的长度(以字符为单位),当type字段被省略,将不再给出输入框,如果需要则必须借助size。 maxlength:允许输入的字符串长度限制。,3.8.5类型字段TYPE的描述格式,文本类型:type=text 口令类型:type=password 检查框:检查框必须成对使用,即同时给出未被选中和被

34、选中的检查框供客户选择。选择的结果是执行两种不同的操作,或者是获得不同的信息。在说明检查框的语句中通常要同时用name和value字段说明变元名称和它的缺省值。如:方形检查框(type=checkbox);未被选中的检查框(type=checkbox、checked);缺省选中的检查框;圆形检查框(type=radio);未被选中的检查框(type=radio、checked);缺省选中的检查框。 检查框是用于在两个参数或取值之间进行选择的操作方案,如果有多个参数或取值需要由客户选择时,可以用菜单方案,后面介绍的select和option元素将发挥作用。,图像类型:type=image src

35、=”url”src用来说明图像的http地址及文件说明。 隐含类型:type=hidden,这类输入方式通常需要与选择菜单或检查框搭配使用。隐含输入类型字段经常与检查框type=checkbox或type=radio一起使用,下面就是一个例子:order products request information on products从语句段中可以看到,隐含类型字段和圆形检查框字段使用的是相同的变元名称,name=”command”,即通过检查框确认的结果值order或request,都将提交给隐含输入类型的变量来处理。,选择执行按钮:type=submit,确认输入或选择内容,提交操作;ty

36、pe=reset,重置按钮,即清除输入框中的内容或选择结果。这两个按钮总是一起使用。如果没有同时使用value字段,那么显示的缺省按钮名称就是submit或reset,value的值将替换按钮名称,而且按钮的大小也随该值的长度改变。,3.8.6选择菜单元素SELECT和OPTION,选择菜单可以为一个变元提供多个取值的预选方案,它比使用选择检查框type=checkbox和type=radio更为灵活方便。用选择菜单也要配合使用选择执行按钮type=submit和type=reset。 1、关于元素SELECT SELECT元素主要用来定义菜单的大小、指定变元名称。它有描述字段有: size:

37、确定菜单的大小,它的单位是行数,即你的菜单同时显示几个选项,如果供选项目有6个,那么可以用size=6。该字段缺省时表示菜单只能同时显示一个选项。Size的取值最好等于或小于供选项目,而不要大于供选项的数目。,name:指定变元的名称。 multiple:说明缺省的预选项不止一个,从而允许使用多个。如果没有使用该字段,那么在option语句段中,只有最后一个是有效的且被视为是缺省选中的选项。,2、关于option元素,该元素是用来定义在菜单中出现的选项情况,它的描述字段有: selected:表示该选项是缺省选中的选项,用彩色光条覆盖。 value:希望菜单中显示的内容与赋值内容一致时,可以用

38、value另外说明几个不同式样的选择菜单及其语句书写格式。,3.8.7用文本区输入信息,下面是一个用文本区输入信息的实例: 请输入你的地址:从上面的例子可以看出:第一,该元素需要用提示信息行来说明文本输入区将要接收的是什么内容;第二,该元素必须有三个描述字段,rows和columns用来定义输入文本区的大小(有多少行、多少列),name则说明接收信息的变元名称。,3.8.8注释,如同其他程序设计语言一样,超文本的编写也应该遵循软件工程的有关原则,其源文件也需要具有较好的结构性、自描述性和清晰性。因此,为增加超文本源文件的可读性,设计者也需要使用注释,超文本用表示注释。 注释可以是针对文件自身的,写在一行,如:(说明资料类型)。也可以将注释写成多行,如:注释也用于对标记语言段的说明,如:business注释还用于暂时不执行某个标记元素语句,如: ,

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 网络科技 > 软件工程

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报