《网页设计》课件网页设计-2.ppt

1、HTMLHTML入门入门HTMLHTML文件结构文件结构页面属性标记页面属性标记常用页面元素标记常用页面元素标记常用页面布局标常用页面布局标记记基础基础篇篇表单和滚动字幕标表单和滚动字幕标记记2.1 2.1 HTML入门入门l HTMLHTML概述概述l HTMLHTML的作用的作用l HTMLHTML的编辑环境的编辑环境l HTMLHTML文件的组成文件的组成超文本：超文本：是指它所编写的对象不仅包含普通的文字字符元素，还是指它所编写的对象不仅包含普通的文字字符元素，还有声音、图形甚至多媒体等其他有声音、图形甚至多媒体等其他“超越超越”普通文字字符的对象元普通文字字符的对象元素。素。HTML

2、：用于网页制作的排版语言，是用于网页制作的排版语言，是WebWeb最基本的构成元素最基本的构成元素。利用一些指令符号，来标记表示出各种文件效果。利用一些指令符号，来标记表示出各种文件效果。由浏览器来解读由浏览器来解读HTMLHTML的指令符号，将文件格式效果展现出来。的指令符号，将文件格式效果展现出来。纯文本文件。纯文本文件。图形、声音等文件必须用其他软件制作，图形、声音等文件必须用其他软件制作，再用再用HTMLHTML的标记编排的标记编排在网页的原始文件里。在网页的原始文件里。HTML概述概述HTMLHTML入门入门 格式化文本格式化文本 建立超链接建立超链接 创建列表创建列表 插入图像插入

3、图像 建立表格建立表格 插入多媒体插入多媒体 建立交互式表单建立交互式表单 HTML的作用的作用HTMLHTML入门入门 Dreamweaver Frontpage Editplus 记事本记事本 HTML的编辑环境的编辑环境HTMLHTML入门入门 HTML文件的组成文件的组成 标记标记 单一标记：单一标记：只要一个标记就能完成所需表示的功能只要一个标记就能完成所需表示的功能 如如、成对标记：成对标记：需要两个标记组合才能完成所需功能需要两个标记组合才能完成所需功能 如如和和、和和 文字与图像文字与图像 统一资源定位器统一资源定位器URL URL HTMLHTML入门入门2.2 2.2 HT

4、ML文件结构文件结构l 标记及属性标记及属性l HTMLHTML文件结构文件结构 文件结构文件结构 标记及属性标记及属性标记：标记：为了使所要显示的内容达到一定的效果，在内容中加入为了使所要显示的内容达到一定的效果，在内容中加入的特定标识的特定标识。每个标记都用每个标记都用“”（大于号）围住。（大于号）围住。注意：注意：“”与标记之间不能留有空格或其他非标记字符与标记之间不能留有空格或其他非标记字符 在标记前加在标记前加 “/”是结束标记是结束标记标记字母不区分大小写标记字母不区分大小写 对同一段要标记的内容，可以使用多个标记来共同作用，各对同一段要标记的内容，可以使用多个标记来共同作用，各

5、个标记间的顺序是任意的。个标记间的顺序是任意的。受标记影响的内容受标记影响的内容/属性：属性：标记通过属性来精确控制信息，以便制作出各种效果。标记通过属性来精确控制信息，以便制作出各种效果。并不是每个标记都有属性。并不是每个标记都有属性。可以根据需要使用标记的所有属性或几个属性，属性之间没可以根据需要使用标记的所有属性或几个属性，属性之间没有顺序。有顺序。属性和标记一样，也不区分大小写。属性和标记一样，也不区分大小写。内容内容/文件结构文件结构 HTML文件结构文件结构以以开头，以开头，以结尾。结尾。包括头部（包括头部（Head）和主体（）和主体（Body）两大部分。）两大部分。：网页的题头，

6、说明文件命名与文件本身：网页的题头，说明文件命名与文件本身的相关信息。的相关信息。：网页标题，在浏览器的标题栏显示。：网页标题，在浏览器的标题栏显示。：网页的正文。：网页的正文。网页的标题网页的标题 网页的内容网页的内容 文件结构文件结构2.3 2.3 页面属性标记页面属性标记l meta标记标记 l 页面属性标记页面属性标记页面属性标记页面属性标记 meta 标记标记主要属性有：主要属性有：HTTP-EQUIVHTTP-EQUIV：类似于类似于HTTPHTTP的头部协议，回应给浏览器一些有用的信息，的头部协议，回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用类型有：以帮助正确

7、和精确地显示网页内容。常用类型有：expiresexpires（期限）：（期限）：设定网页的过期时间设定网页的过期时间PragmaPragma（cachecache模式）：模式）：禁止浏览器从本地机的缓存中调阅页面禁止浏览器从本地机的缓存中调阅页面RefreshRefresh（刷新）：（刷新）：将网页定时自动链接到其它网页上将网页定时自动链接到其它网页上 Content-TypeContent-Type（字符集设定）（字符集设定）meta http-equiv=Content-Typecharset=gb2312NAME NAME：描述网页信息的，便于搜索引擎查找和分类。描述网页信息的，便于搜

8、索引擎查找和分类。常用类型有：常用类型有：KeywordsKeywords（关键字）：（关键字）：设定页面的关键字设定页面的关键字 descriptiondescription（简介）：（简介）：告诉搜索引擎网页的主要内容告诉搜索引擎网页的主要内容 robotsrobots（机器人向导）：（机器人向导）：告诉搜索引擎哪些页面需要索告诉搜索引擎哪些页面需要索 引，哪些页面不需要索引。引，哪些页面不需要索引。authorauthor（作者）：（作者）：标注网页的作者标注网页的作者 METAscience页面属性标记页面属性标记 页面属性标记页面属性标记主要属性有：主要属性有：bgcolorbgco

9、lor：设置页面背景色设置页面背景色backgroundbackground：设置网页的背景图像设置网页的背景图像texttext：设置网页中文字的颜色设置网页中文字的颜色linklink：设置还没有被访问的超文本链接的颜色设置还没有被访问的超文本链接的颜色vlinkvlink：设置已经被访问过的超文本链接的颜色设置已经被访问过的超文本链接的颜色alinkalink：设置超文本链接正在被访问时候的颜色设置超文本链接正在被访问时候的颜色body 页面内容页面内容页面属性标记页面属性标记2.4 2.4 常用页面元素标记常用页面元素标记l 段落标记段落标记 l 文字标记文字标记l 超链接标记超链接标

10、记l 列表标记列表标记l 图像和多媒体标记图像和多媒体标记页面元素标记页面元素标记 段落标记段落标记 HnHn：表示标题文字的大小，表示标题文字的大小，n n从从1 1到到6 6，H1H1最大，最大，H6H6最小。最小。alignalign：标题文字的水平对齐方式，取值有：标题文字的水平对齐方式，取值有：LeftLeft：左对齐：左对齐CenterCenter：居中对齐：居中对齐RightRight：右对齐：右对齐 Hn align=标题标题 标题文字标记标题文字标记 alignalign：标题文字的水平对齐方式，取值有：标题文字的水平对齐方式，取值有：LeftLeft：左对齐：左对齐Cent

11、erCenter：居中对齐：居中对齐RightRight：右对齐：右对齐 本行文字本行文字下一行文字下一行文字强制换行标记强制换行标记上一段落文字上一段落文字下一段落文字下一段落文字p align=段落文字段落文字 强制换段标记强制换段标记 alignalign：分区的水平对齐方式，取值有：分区的水平对齐方式，取值有：LeftLeft：左对齐：左对齐CenterCenter：居中对齐：居中对齐RightRight：右对齐：右对齐 已经排好格式的段落文字已经排好格式的段落文字显示预排格式标记显示预排格式标记div align=多个段落文字或图像多个段落文字或图像 分区显示标记分区显示标记 ali

12、gnalign：设定对齐方式，可以为设定对齐方式，可以为leftleft、centercenter或或right right sizesize：设定水平线粗细，以像素为单位设定水平线粗细，以像素为单位 widthwidth：设定水平线长度设定水平线长度绝对长度：像素数绝对长度：像素数相对长度：水平线占浏览器窗口宽度的百分比相对长度：水平线占浏览器窗口宽度的百分比 noshadenoshade：取消线条的阴影显示取消线条的阴影显示 colorcolor：设定线条颜色。可以用英文单词或以设定线条颜色。可以用英文单词或以“”引导的引导的一个十六进制代码。常用的颜色代码如下：一个十六进制代码。常用的颜

13、色代码如下：hr align=noshade水平线标记水平线标记常用颜色代码表常用颜色代码表颜色名颜色名颜色英文名颜色英文名16进制代码进制代码颜色名颜色名颜色英文名颜色英文名16进制代码进制代码黑色黑色Black#000000粉红色粉红色Pink#FFC0CB蓝色蓝色Blue#0000FF红色红色Red#FF0000棕色棕色Brown#A52A2A白色白色White#FFFFFF青色青色Cyan#00FFFF黄色黄色Yellow#FFFF00灰色灰色Grey#808080深红色深红色Crimson#CD061F绿色绿色Green#008000黄绿色黄绿色Greenyellow#00FFFF乳

14、白色乳白色Ivory#FFFFF0水蓝色水蓝色Dodgerblue#0B6EFF桔黄色桔黄色orange#FFA500淡紫色淡紫色lavender#DBDBF8 文字标记文字标记 sizesize：文字的大小，取值范围为文字的大小，取值范围为1 17 7，1 1最小，最小，7 7最大。最大。faceface：文字的字体文字的字体 colorcolor：文字的颜色文字的颜色 font size=文字文字 字体字号标记字体字号标记页面元素标记页面元素标记字型标记字型标记格式标记格式标记字体效果字体效果受影响的文字受影响的文字加粗加粗受影响的文字受影响的文字斜体斜体受影响的文字受影响的文字带下划线带

15、下划线受影响的文字受影响的文字标准打印机字体标准打印机字体受影响的文字受影响的文字带删除线带删除线受影响的文字受影响的文字下标下标受影响的文字受影响的文字上标上标受影响的文字受影响的文字大字体文字大字体文字受影响的文字受影响的文字小字体文字小字体文字 设定整个网页的文本的缺省颜色设定整个网页的文本的缺省颜色标记的标记的texttext属性属性:body text=文字文字文字颜色标记文字颜色标记 标记的标记的colorcolor属性属性 :文字文字 将网页中不同的文字段设置为不同的颜色将网页中不同的文字段设置为不同的颜色标记的优先级比标记的优先级比标记要高标记要高 特殊标记特殊标记特殊字符标记

16、特殊字符标记表示的字符表示的字符< 空格空格&%%"“超链接标记超链接标记从根目录开始描述目录或文件从根目录开始描述目录或文件UNIXUNIX以以“/”开始，开始，WindowsWindows以以“c:c:”开始。开始。标识标识InternetInternet上文件的全部信息，包含协议、主机名、上文件的全部信息，包含协议、主机名、文件夹名和文件名称。文件夹名和文件名称。绝对路径绝对路径以当前目录为参考来说明文件的位置以当前目录为参考来说明文件的位置 相对路径相对路径绝对路径清楚明确的指出文件和文件夹的位置绝对路径清楚明确的指出文件和文件夹的位置 相对路径

17、则根据当前目录不同，可能同样的文件名指向不同相对路径则根据当前目录不同，可能同样的文件名指向不同的文件的文件。页面元素标记页面元素标记hrefhref：目标资源的具体地址。可以是绝对路径，也可以是相对路目标资源的具体地址。可以是绝对路径，也可以是相对路径。径。namename：设定一个较长的设定一个较长的HTMLHTML文档的跳转位置点，相当于书签。文档的跳转位置点，相当于书签。targettarget：控制超链接内容打开方式，即链接内容出现的位置。控制超链接内容打开方式，即链接内容出现的位置。titiletitile：超链接中的链接说明。超链接中的链接说明。注意：注意：namename属性和

18、属性和hrefhref属性不能同时使用。属性不能同时使用。A href=热点热点 锚点标记锚点标记链接到同一目录内的网页文件：链接到同一目录内的网页文件：a href=.html热点热点链接到下一级目录中的网页文件：链接到下一级目录中的网页文件：a href=.html热点热点链接到上一级目录中的网页文件：链接到上一级目录中的网页文件：a href=./.html热点热点链接到同级目录中的网页文件：链接到同级目录中的网页文件：a href=./.html热点热点创建指向其他页面的链接创建指向其他页面的链接建立超级链接的标记：建立超级链接的标记：A href=#热点文本热点文本建立锚点的标记：建

19、立锚点的标记：A name=跳转目标文本跳转目标文本创建指向本页的链接创建指向本页的链接A href=热点文本热点文本创建指向其他页面某处的链接创建指向其他页面某处的链接A href=热点热点 创建指向下载文件的链接创建指向下载文件的链接A href=mailto:热点热点 创建指向电子邮件的链接创建指向电子邮件的链接 列表标记列表标记 LILI：项目标记，单标记。项目标记，单标记。TypeType属性：属性：项目符号的样式，取值有：项目符号的样式，取值有：DiscDisc：实心圆点：实心圆点CircleCircle：空心圆点：空心圆点SquareSquare：实心方块：实心方块的的typet

20、ype属性比属性比的的typetype属性的优先级高属性的优先级高UL type=LI type=1 项目项目1 1 LI type=2 项目项目2 2无序列表标记无序列表标记页面元素标记页面元素标记lhlh：分类标题，标题前没有项目符号。分类标题，标题前没有项目符号。标记不会自动换行标记不会自动换行 分类标题分类标题1 1 分类分类1 1之项目之项目1 1 分类分类1 1之项目之项目2 2 分类标题分类标题2 2 分类分类2 2之项目之项目1 1 分类分类2 2之项目之项目2 2 选单列表标记选单列表标记OL type=LI type=1 start=n 项目项目1 1 LI type=2

21、start=n 项目项目2 2 有序列表标记有序列表标记Type的属性值的属性值含含 义义1序号为阿拉伯数字，序号为阿拉伯数字，1 1、2 2、3 3。a序号为小写英文字母，序号为小写英文字母，a a、b b、c c。A序号为大写英文字母，序号为大写英文字母，A A、B B、C C。i序号为小写罗马字母，序号为小写罗马字母，、。I序号为大写罗马字母，序号为大写罗马字母，、。不同可以互相嵌套，相互组合以达到很好的显示效果。不同可以互相嵌套，相互组合以达到很好的显示效果。上层项目说明上层项目说明 下层项目说明下层项目说明下层项目说明下层项目说明 说明式列表标记说明式列表标记 图像和多媒体图像和多媒

22、体标记标记 srcsrc：插入的图像的插入的图像的urlurl地址，即含路径的图像文件名地址，即含路径的图像文件名 altalt：表示图像的信息文字。表示图像的信息文字。当没有完全装载图像时，在图像的位置显示的信息。当没有完全装载图像时，在图像的位置显示的信息。当图片完全显示时，将鼠标移动到图像上，看到的信息文字当图片完全显示时，将鼠标移动到图像上，看到的信息文字 widthwidth：设定图像的宽度设定图像的宽度 heightheight：设定图像的高度设定图像的高度 img src=图像标记图像标记页面元素标记页面元素标记 borderborder：设定图像的边框设定图像的边框 hspac

23、ehspace：图像左右边缘空白，在图文混排时候使用图像左右边缘空白，在图文混排时候使用 vspacevspace：设定图像上下边缘空白大小设定图像上下边缘空白大小 alignalign：图像的对齐方式。取值有：图像的对齐方式。取值有：TopTop：上对齐：上对齐MiddleMiddle：中间对齐：中间对齐BottomBottom：下对齐：下对齐LeftLeft：左对齐：左对齐RightRight：右对齐：右对齐srcsrc：要播放的声音文件要播放的声音文件 looploop：声音文件的播放次数。声音文件的播放次数。InfiniteInfinite表示循环播放表示循环播放auotstartau

24、otstart：是否自动播放是否自动播放TrueTrue：是：是FalseFalse：否：否 标记标记 ：加入背景音乐：加入背景音乐 bgsound src=多媒体标记多媒体标记注意：注意：只支持只支持IEIE浏览器浏览器 srcsrc：要播放的媒体文件要播放的媒体文件 controlscontrols：设定播放媒体文件的控制面板的类型设定播放媒体文件的控制面板的类型 ConsoleConsole：一般正常的面板：一般正常的面板SmallconsoleSmallconsole：较小的面板：较小的面板PlaybuttonPlaybutton：只显示播放按钮：只显示播放按钮PausebuttonP

25、ausebutton：只显示暂停按钮：只显示暂停按钮StopbuttonStopbutton：只显示停止按钮：只显示停止按钮VolumeleverVolumelever：只显示音量调整钮：只显示音量调整钮 标记：插入多媒体文件标记：插入多媒体文件 embed src=heightheight：设定播放区域的高度设定播放区域的高度 widthwidth：设定播放区域的宽度设定播放区域的宽度 hiddenhidden：是否隐藏控制画面。取值有是否隐藏控制画面。取值有truetrue或或falsefalse looploop：设定播放次数。取值有设定播放次数。取值有truetrue、falsefal

26、se或播放次数或播放次数 autostartautostart：设定是否自动播放。取值有设定是否自动播放。取值有truetrue或或falsefalse例插入背景音乐：例插入背景音乐：embed src=happy.mid autostart=true hidden=true loop=true 插入多媒体链接：插入多媒体链接：A href=链接入口链接入口 2.5 2.5 常用页面布局标记常用页面布局标记l 表格标记表格标记 l 框架标记框架标记页面布局标记页面布局标记 表格表格标记标记 align align：表格相对于页面的位置，取值有：表格相对于页面的位置，取值有：Left/Cente

27、r/rightLeft/Center/right：页面的左侧：页面的左侧/中间中间/右侧右侧表格标题表格标题 分类名称分类名称11分类名称分类名称2 2分类名称分类名称n n表项表项11表项表项2 2表项表项n n表项表项11表项表项2 2表项表项n n(表格表格)标记的属性标记的属性 borderborder：表格边框的宽度。表格边框的宽度。widthwidth：表格的宽度，可以是像素的值，也可以是相对于页面表格的宽度，可以是像素的值，也可以是相对于页面大小的百分比。大小的百分比。heightheight：设定表格的高度。设定表格的高度。cellspacingcellspacing：表项和表

28、项之间的间隔。表项和表项之间的间隔。cellpaddingcellpadding：表项边框和表项内部文字之间的间隔。表项边框和表项内部文字之间的间隔。frameframe：表格边框的属性表格边框的属性。frame属性值属性值含含 义义 void没有边框没有边框above只有上边框只有上边框below只有下边框只有下边框hsides只有水平边框，没有左右边框只有水平边框，没有左右边框vsides只有垂直边框，没有上下边框只有垂直边框，没有上下边框lhs 只有左边框只有左边框rhs只有右边框只有右边框 rules rules：设定表格内部线的属性。取值如下设定表格内部线的属性。取值如下:rules

29、属性值属性值含含 义义none没有内部线没有内部线rows只有内部行线（水平线）只有内部行线（水平线）cols只有内部列线（垂直线）只有内部列线（垂直线）groups只有不同分组之间有分界线只有不同分组之间有分界线all所有表项周边都有边线所有表项周边都有边线 dirdir：表示表项的排列方向，缺省的为从左到右排列表示表项的排列方向，缺省的为从左到右排列 bgcolorbgcolor：设定表格的背景颜色设定表格的背景颜色(标题标题)标记的属性标记的属性alignalign：标题和表格的对齐方式，取值为标题和表格的对齐方式，取值为leftleft、centercenter或或rightright

30、。valignvalign：标题在表格的上方或者下方，取值为：标题在表格的上方或者下方，取值为：toptop或或bottombottom。bgcolorbgcolor：单元格的背景颜色单元格的背景颜色 rowspanrowspan：设定跨行的表项，表示从当前行开始合并的行数。设定跨行的表项，表示从当前行开始合并的行数。colspancolspan：设定跨列的表项，表示从当前列开始合并的列数。设定跨列的表项，表示从当前列开始合并的列数。alignalign：文字左、中、右对齐或者左右均匀调整文字左、中、右对齐或者左右均匀调整，对应的值为对应的值为：leftleft、centercenter、ri

31、ghtright或者或者justifyjustify。valignvalign：文字垂直上、中、下对齐或者按基准线对齐，对应的值文字垂直上、中、下对齐或者按基准线对齐，对应的值为：为：toptop、bottombottom、middlemiddle或者或者baselinebaseline。：表格的一行：表格的一行：分类名称，值会用黑体显示：分类名称，值会用黑体显示：具体的表项值：具体的表项值 单元格标记的属性单元格标记的属性页面布局标记页面布局标记 框架框架标记标记框架可以将一个浏览器窗口分割成数个不同的小窗口，每个框架可以将一个浏览器窗口分割成数个不同的小窗口，每个小窗口能够显示不同的小窗口

32、能够显示不同的HTMLHTML文件；文件；不同的框架之间可以互相关联，可以通过在一个框架中的操不同的框架之间可以互相关联，可以通过在一个框架中的操作影响到其它框架的内容；作影响到其它框架的内容；使用使用和和标记，建立一个主调用标记，建立一个主调用HTMLHTML文件，文件，用来声明框架的定义，以及如何进行框架的划分；用来声明框架的定义，以及如何进行框架的划分；标记用来划分框架，并定义框架组的属性标记用来划分框架，并定义框架组的属性 ；标记用来给各个框架指定页面内容，将框架与在框架标记用来给各个框架指定页面内容，将框架与在框架中显示的中显示的HTMLHTML文件联系起来。文件联系起来。RowRo

33、w：横向分隔的框架数目，用逗号分隔，取值可以是像横向分隔的框架数目，用逗号分隔，取值可以是像素、百分比或素、百分比或”*”。“*”表示将剩余的窗口平均分配。表示将剩余的窗口平均分配。ColCol：纵向分隔的框架数目纵向分隔的框架数目 BorderBorder：整个框架组各个边框的宽度整个框架组各个边框的宽度 BordercolorBordercolor：整个框架组各个边框的颜色整个框架组各个边框的颜色 FrameborderFrameborder：设定有设定有/无边框无边框 FramespacingFramespacing：设定各窗口间的空白设定各窗口间的空白的属性的属性 srcsrc：表示该

34、框架对应的文件名表示该框架对应的文件名 namename：指定框架名指定框架名 marginwidthmarginwidth：设置框架内容与左右边框的空白设置框架内容与左右边框的空白 marginheightmarginheight：设置框架内容与上下边框的空白设置框架内容与上下边框的空白 scrollingscrolling：设置是否加入滚动条或根据内容自动加入滚动条设置是否加入滚动条或根据内容自动加入滚动条 noresizenoresize：不允许改变各窗口大小不允许改变各窗口大小的属性的属性注意：注意：标记的个数应该等于标记的个数应该等于标记中定义的框架数标记中定义的框架数如果如果标记的

35、个数小于标记的个数小于 框架中定义的框架数框架中定义的框架数量，则多余框架为空。量，则多余框架为空。按照先行后列的顺序对框架进行初始化。按照先行后列的顺序对框架进行初始化。框架可以嵌套。框架可以嵌套。a href=url target=热点文字热点文字 框架间的链接框架间的链接target属性值属性值含含 义义框架名框架名链接的目标文件将被载入到指定的框架中链接的目标文件将被载入到指定的框架中_blank链接的目标文件将被载入到一个新的浏览器窗口链接的目标文件将被载入到一个新的浏览器窗口_self链接的目标文件将被载入到当前的框架窗口，替链接的目标文件将被载入到当前的框架窗口，替换当前正在显示

36、的文件。换当前正在显示的文件。_top目标文件将被载入到当前的整个浏览器窗口。目标文件将被载入到当前的整个浏览器窗口。_parent当框架嵌套时，目标文件将被载入到父框架中，当框架嵌套时，目标文件将被载入到父框架中，否则被载入到整个浏览器窗口。否则被载入到整个浏览器窗口。2.6 2.6 表单和滚动字幕标记表单和滚动字幕标记l 表单标记表单标记 l 滚动字幕标记滚动字幕标记表单和滚动字幕标记表单和滚动字幕标记 表单表单标记标记form action=input type=checked input 表单是表单是WebWeb页面和用户进行信息交互的途径页面和用户进行信息交互的途径 ：标记表单的开始

37、和结束标记表单的开始和结束：设定表单以何种形式和用户交互设定表单以何种形式和用户交互 action action：表单处理的方式表单处理的方式通过通过E-MAILE-MAIL将信息发出将信息发出 将信息输入到数据库将信息输入到数据库 将信息发布到新闻组或者页面将信息发布到新闻组或者页面 根据输入内容搜索数据库并返回结果给访问者根据输入内容搜索数据库并返回结果给访问者 methodmethod：表单数据的传送方向表单数据的传送方向 GetGet：当按下提交按钮，：当按下提交按钮，formform输入框内容附在输入框内容附在actionaction指明指明的的URLURL的的“?”之后立即传给服务

38、器，之后立即传给服务器，getget执行效率比较高，执行效率比较高，但传送的信息量有限，大约但传送的信息量有限，大约2k2k。PostPost：当按下提交按钮后，需要等待服务器来读取参数：当按下提交按钮后，需要等待服务器来读取参数信息，在传送信息量上没有限制。信息，在传送信息量上没有限制。的属性的属性typetype：指定项目的类型，取值为指定项目的类型，取值为texttext，passwordpassword，radioradio，checkboxcheckbox，imageimage，submitsubmit，resetreset，hiddenhidden和和filefile等。等。nam

39、ename：项目的控制名称。项目的控制名称。sizesize：如果如果typetype是是passwordpassword或者或者texttext，则，则sizesize指初始字节长度，指初始字节长度，其他的指控制组件的初始大小（像素值）。其他的指控制组件的初始大小（像素值）。maxlengthmaxlength：用户可以输入的最大字符数，对用户可以输入的最大字符数，对typetype为为texttext或者或者passwordpassword有效。有效。srcsrc：当当typetype为为imageimage时，指明图像文件的具体位置。时，指明图像文件的具体位置。checkedchecke

40、d：当当typetype为为radioradio或者或者checkboxcheckbox时，表明初始选中该项时，表明初始选中该项目。目。的属性的属性文本框的文本框的typetype属性为属性为texttext，输入的文本正常显示。，输入的文本正常显示。密码框的密码框的typetype属性为属性为passwordpassword，输入的文本以，输入的文本以”*”或者其或者其他字符显示。他字符显示。单行文本和密码框单行文本和密码框namename：项目的控制名项目的控制名colscols：不用滚动条就可以看到的行数不用滚动条就可以看到的行数 rowsrows：不用滚动条就可以看到的列数，即每行的字

41、符数。不用滚动条就可以看到的列数，即每行的字符数。多行文本框多行文本框textarea name=valuevalue：单选按钮控制值，告诉处理程序用户的选择结果。单选按钮控制值，告诉处理程序用户的选择结果。checkedchecked：表示默认选中。表示默认选中。单选钮单选钮 input type=radio name=1 checked选项选项1 1input type=radio name=2 选项选项2 2input type=radio name=n 选项选项n n注意：注意：选项互斥，每次只能有一个被选中。选项互斥，每次只能有一个被选中。同一组单选钮的控制名一样，但控制值不同。同一

42、组单选钮的控制名一样，但控制值不同。valuevalue：选中时的控制值。当没有选中时，控制值为空。选中时的控制值。当没有选中时，控制值为空。checkedchecked：表示默认选中表示默认选中 复选框复选框 input type=checkbox name=选择栏选择栏 select size=x name=multiple option value=1 selected选项选项1 1 option value=2选项选项2 2 的属性的属性sizesize：选择栏中一次可以显示的项目数选择栏中一次可以显示的项目数size=1size=1：下拉式选择栏，项目不可多选。：下拉式选择栏，项目不

43、可多选。size1size1：列表框式选择栏，用：列表框式选择栏，用multiplemultiple属性设定是否允许属性设定是否允许多选。多选。checkedchecked：表示默认选中表示默认选中 multiplemultiple：表示选择栏是否可以允许多选表示选择栏是否可以允许多选 的属性：的属性：valuevalue：表示这个项目的值，传递给处理程序用。表示这个项目的值，传递给处理程序用。selectedselected：表示这个项目默认被选中。表示这个项目默认被选中。隐藏控件隐藏控件 input type=hidden name=表单和滚动字幕标记表单和滚动字幕标记 滚动字幕滚动字幕标

44、记标记 滚滚动字幕动字幕 heightheight：字幕的高度，用像素或可视页面的百分比表示。字幕的高度，用像素或可视页面的百分比表示。widthwidth：字幕的宽度，用像素或可视页面的百分比表示。字幕的宽度，用像素或可视页面的百分比表示。directiondirection：字幕滚动的方向。字幕滚动的方向。bgcolorbgcolor：字幕的背景颜色。字幕的背景颜色。hspacehspace：字幕左右的空白空间字幕左右的空白空间,用像素表示。用像素表示。vspacevspace：字幕上下的空白空间字幕上下的空白空间,用像素表示。用像素表示。scrollamountscrollamount：

45、每个连续滚动字幕的间隔每个连续滚动字幕的间隔,用像素表示。用像素表示。scrolldelayscrolldelay：两次滚动之间的间隔时间两次滚动之间的间隔时间,用毫秒表示。用毫秒表示。looploop：字幕的滚动次数。当值为字幕的滚动次数。当值为“INFINITEINFINITE”是是“-1-1”时，字幕无限制地滚动。时，字幕无限制地滚动。ONMOUSEOUT=this.start()ONMOUSEOUT=this.start()：鼠标移出该区域时继续滚动。鼠标移出该区域时继续滚动。ONMOUSEOVER=this.stop()ONMOUSEOVER=this.stop()：鼠标移入该区域时

46、停止滚动。鼠标移入该区域时停止滚动。alignalign：设定字幕的对齐方式设定字幕的对齐方式 behaviorbehavior：设定浏览器处理字幕的方法设定浏览器处理字幕的方法 ScrollScroll：文本单项滚动：文本单项滚动SlideSlide：文本到达边界停止：文本到达边界停止：AlternateAlternate：滚动文本到达边界后反向滚动：滚动文本到达边界后反向滚动 注意：注意：标记只适用于标记只适用于IE3IE3以上版本的浏览器表示以上版本的浏览器表示虽是一个滚动字幕标记，但允许在其中加入图象。虽是一个滚动字幕标记，但允许在其中加入图象。例如：例如：教学实践：教学实践：初步掌握初步掌握HTMLHTML应用应用 熟悉各种标记的基本操作熟悉各种标记的基本操作 利用利用HTML制作简单网页制作简单网页 习题二习题二