版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
HTML
HTML概述列表与表格常用标签HTML文档表单与控件第2章框架布局
总结与习题HTML概述2.1Html是英文HyperTextMarkupLanguage的缩写，中文意思是“超文本标记语言”HTML是一种专门用于创建Web超文本文档的结构语言，它能告诉Web浏览程序如何显示Web文档(即网页)的信息，如何链接各种信息HTML概述-发展历史2.11990年，HTML语言同WWW一起诞生于瑞士的GERN实验室TimBerners-Lee及其开发小组研究建立了超文本传输协议HTTP，该协议使用的语言为HTML每个浏览器开发公司都在为HTML加入更多的特征。目前已经发展到HTML5.X版本，扩展了DHTML和XML等子集。不过较为流行的仍然是1999年12月发布的HTML4.01版本HTML概述-标签2.1HTML标签(Tag)是影响网页内容显示格式的标记符集合，浏览器根据标签决定网页的显示效果在HTML中，所有的标签都用尖括号括起来绝大多数标记符都是成对出现的，包括开始标记符和结束标记符HTML标签是不区分大小写的，但通常约定用大写字母，这有利于HTML文档的维护HTML概述-属性2.1HTML属性(Attribute)是标签的功能选项，用来修饰、扩展或补充标签指令的功能。多数标签都包含自己专有的一些属性属性要放置在起始标签中，一般放置于标签关键字之后属性的顺序无关紧要，但标签关键字与属性、属性与属性之间必须包含至少一个空格属性通常也不区分大小写HTML概述-属性2.1带有两个属性的<FONT>标签结构
带有属性的标签的语法格式如下：<标签关键字属性1属性2……属性n>
控制的网页内容</标签关键字>HTML文档
2.2用HTML编写的超文本文件称为HTML文档(HTMLDocument)，每个HTML文档又称为一个Web页面HTML文档被客户端的Web浏览器读取，并被解析成包含文本、图形、音频、视频等多种媒体元素的Web页面，显示给用户因特网上的Web站点就是由一系列相关的Web页面构成，页面之间通过超链接关联HTML文档-基本结构2.2HTML文档的基本框架
HTML文档-基本结构
2.2HTML标签<HTML>处于文档的最前端，表示文档的开始</HTML>位于文档最后一行标签间的内容都是HTML语法的文档文件头标记符，用来描述HTML首部内容，说明文档的整体信息首部信息并不出现在浏览器窗体中通常与某些标签一起使用文档标题标签描述文档的特色或主题标题所在的位置可依照浏览器的不同而不同，但通常位于浏览器的最上方定义文档的体部，位于HTML首部下面BODY标签内的文字、图像、链接、表格、音频、视频等对象，都可显示在浏览器窗体中BODY标签HEAD标签TITLE标签HTML文档-辅助标签2.21注释标签<!--注释的内容-->为网页文档添加注释注释的内容不会被浏览器所解析，也不会显示在网页中2标题标签<title>与</title>用来指定网页的标题3样式标签<style>与</style>用来定义文档的内置样式表或定义某个元素的内联样式HTML文档-体元素2.2由<body>与</body>标签界定的部分称为body元素，此元素定义了HTML的文档体，是整个网页内容的核心<body>标签支持一些重要属性，这些属性用来设置网页内容要素的颜色、背景图案等项目，以美化网页的外观效果，被称为修饰属性HTML文档-体元素2.2属性关键字属性取值功能描述text颜色标识符16进制颜色值(#rrggbb)RGB(r,g,b)函数设置网页的文字颜色bgcolor设置网页的背景颜色link设置当前文档超链接文本的颜色alink设置正使用的活动超链接文本的颜色vlink设置已访问过的超链接文本的颜色background图片文件名称(可带路径)设置网页的背景图片leftmargin以像素为单位的整数值设置网页主体内容距离浏览器窗口左端的距离topmargin设置网页主体内容距离浏览器窗口顶端的距离body元素常用的修饰属性
HTML文档-颜色表示2.21颜色标识符法以颜色名称的英文单词来代表对应的颜色值如以red标识符代表红色等2RGB(r,g,b)函数法r、g、b参数代表红、绿、蓝三元色的比例值可为[0,255]范围内的整数值也可为[0%,100%]范围内的百分比值
316进制颜色值法用#rrggbb形式表示颜色值rr、gg与bb分别是两位16进制数值，代表红、绿、蓝三原色的取值
body标签中可以包含<p></p>、<h1></h1>、<br>、<hr>等众多版面格式标签，用来定义在浏览器窗口中显示的文本信息格式常用标签-版面格式2.3常用标签-版面格式
2.3基准字体标签基准字体标签<basefont>为网页的文本指定默认的字体、字号与颜色特性重要属性包括：face、size、colorbasefont元素常用的属性属性属性取值功能描述face字体名称列表指定网页文本的字体size字号1到7(1号字体最小，7号字体最大，默认值为3)指定文本字体的大小color颜色标识符、RGB(r,g,b)函数或16进制颜色值指定文本字体的颜色常用标签-版面格式
2.3字体标签字体标签<font></font>为网页的文本指定字体、字号与颜色特性该标签的重要属性同<basefont>标签不同的是font元素的size属性除取1到7标准字号外，还可以取相对字号-6到6，表示在默认字号基础上的偏移值默认字号由<font>标签设置
常用标签-版面格式
2.3文本样式控制与修饰标签组HTML设置了许多文本样式控制与修饰的标签，这类标签能够在不改变字体与字号的前提下，对文本的字型、样式与效果进行修改这些标签一般不支持属性常用标签-版面格式
2.3文本样式控制与修饰标签集合表标签功能描述字体样式控制标签<b></b>设定标签之间的文本为加粗字体<i></i>设定标签之间的文本为倾斜字体<tt></tt>设定标签之间的文本为固定宽度的字体<big></big>标签之间的文本字体加大一号<small></small>标签之间的文本字体减小一号字体效果控制标签<u></u>为标签之间的文本添加下划线<s></s>为标签之间的文本添加删除线<strike></strike>为标签之间的文本添加删除线，效果同<s></s><sup></sup>设定标签之间的文本为上标<sub></sub>设定标签之间的文本为下标常用标签-版面格式
2.3标签功能描述文本样式控制标签<em></em>文本强调标签<strong></strong>文本加强标签<dfn></dfn>术语定义标签<code></code>计算机程序代码定义标签<samp></samp>代码范例定义标签<kbd></kbd>键盘字符定义标签<var></var>变量定义标签<cite></cite>引用定义标签文本样式控制与修饰标签集合表(续)常用标签-版面格式
2.3居中标签居中标签<center></center>控制网页文本、图片、表格等内容在浏览器窗口中居中显示常用标签-版面格式
2.3标题标签标题标签<hn></hn>包含六个级别：从<h1>到<h6><hn>中，n值越小，标题的字体越大，n值越大，标题的字体越小标题标签自动控制标题文本占用一行显示，不须使用换行标签常用标签-版面格式
2.3分块标签分块标签<div></div>用来整合HTML文档中的代码段，并将其做为一个整体部分进行格式的设置块标签支持align属性常用标签-版面格式
2.3分段标签分段标签<p></p>将标签之间的文本做为一个独立的段落显示在浏览器中HTML文档不支持网页文本的自动分段与换行，需要使用分段标签与换行标签来达到目的分段标签支持align属性常用标签-版面格式
2.3换行标签换行标签<br>换行标签为单标签，其功能是为当前行插入分行符，将后续内容移至下一行显示常用标签-版面格式
2.3水平线标签水平线标签<hr>为单标签功能是为当前网页添加一条水平分隔线水平线标签支持多种属性常用标签-版面格式
2.3属性属性取值功能描述color任一种颜色表示指定水平线的颜色alignleft、center、right指定水平线在网页中的对齐方式noshadenoshade设置阴影效果，属性只能取值”noshade”，表示画无阴影的实线size整数值n指定水平线的厚/高度值(单位为像素)width整数值n或n%指定水平线的长度值(单位为像素)或占据网页宽度的百分比
<hr>标签常用的属性常用标签-版面格式
2.3原样显示标签原样显示标签<pre></pre>的功能是用来显示带有较多格式控制符号的文字段落，标签间的文本内容将按照原有格式，使用固定宽度的字体显示在浏览器中文本中可以包含空格、回车等特殊符号原样显示标签对文本进行预处理操作常用标签-版面格式
2.3特殊符号、转义字符及数字编码对照表特殊符号符号描述转义字符数字编码“&”英文的”and”符号&&“<”小于符号<<“>”大于符号>>“®”注册符号®®“”不换行空格符号
“§”章节符号§§“©”版权符号©©常用标签-版面格式
2.3常用标签-多媒体2.3图像标签图像标签<img>为单一标签，用来在网页中插入图像或视频该标签支持gif、jpg、png等图像文件格式，及avi、rm等视频文件格式<img>标签常用的属性表常用标签-多媒体2.3属性属性取值功能描述src图像文件的URL指定图像资源的位置alt文字说明或提示信息图像无法显示或鼠标悬停在图像上时的文字提示title图像的文字标题鼠标悬停在图像上时的文字提示，优先于alt属性alignleft、right、top、bottom、middle图文混排时图像相对于周边文字对齐的方式border整数值n指定图像边框的厚/宽度值(单位为像素)width整数值n或n%指定图像的宽度值或占据网页宽度的百分比值height整数值n或n%指定图像的高度值或相对网页高度的百分比值hspace整数值n指定图像的左右边距值(单位为像素)vspace整数值n指定图像的上下边距值(单位为像素)usemap图像地图文件的URL定义客户端图像地图的URL常用标签-多媒体2.3嵌入标签嵌入标签<embed></embed>>用来在网页中插入音频、视频、flash等多媒体文件支持的媒体文件格式包括mp3、mid、wma、wav、avi、rm、swf等多种有时需要安装相应的插件
常用标签-多媒体2.3<embed>标签常用的属性表属性属性取值功能描述src多媒体文件的URL指定多媒体文件的资源位置或网络地址looptrue/false或整数值n决定是否循环播放，或指定播放的循环次数autostarttrue/false控制在音乐文件下载后是否自动播放controlsconsole、volumelever等设定控制面板的外观hiddentrue/false决定是否完全隐藏控制画面title提示字符串信息鼠标在播放区悬停时显示的标题信息volume[0,100]区间的整数值设定播放音量的大小值qualitylow、medium、high、best等设定播放的质量级别常用标签-多媒体2.3背景音乐标签背景音乐标签<rgsound>为单一标签用来插入背景音乐，由微软扩展而来，适用于IE浏览器支持mid、mp3、wma等音频文件格式常用标签-多媒体2.3<rgsound>标签常用的属性表属性属性取值功能描述src背景音乐文件的URL指定音乐文件的资源位置或网络地址volume[-10000,0]区间的整数值设定播放音量的大小值loop整数值n指定播放的循环次数，n=-1表示不断循环播放autostarttrue/false控制在音乐文件下载后是否自动播放常用标签-多媒体2.3移动字幕标签移动字幕标签<marquee></marquee>用来显示循环移动的文本(移动字幕)常用标签-多媒体2.3<marquee>标签常用的属性表属性属性取值功能描述directionleft、right、up、down设定字幕滚动的方向aligntop、bottom、middle设定字幕相对于周边文字对齐的方式bgcolor颜色标识设定字幕的背景颜色behaviorscroll、slide、alternate设定字幕滚动样式(循环滚动、滑动、来回交替移动)loop整数值n设定字幕循环滚动的次数(若未指定则不停循环)scrollamount整数值n设定字幕文本滚动的速度scrolldelay整数值n设定字幕循环滚动时相邻轮次间的延迟时间(单位为毫秒)width整数值n或n%指定字幕的宽度值或相对网页宽度的百分比值height整数值n或n%指定字幕的高度值或相对网页高度的百分比值hspace整数值n指定字幕的左右边距值(单位为像素)vspace整数值n指定字幕的上下边距值(单位为像素)常用标签-超链接2.3超链接标签超链接为用户提供了通过点击文字标识、图片、URL地址等Web元素，便可在不同的网页之间或不同类型的数据之间进行跳转或转换的功能
超链接是HTML最重要的特色之一超链接的类型URL超链接本地超链接内部超链接常用标签-超链接2.3超链接的基本格式如下：<AHREF="资源地址">链接文本</A>[语法说明]标签<A>表示一个超链接的开始，</A>表示链接的结束属性“HREF”定义了超链接所指的地点通过点击“链接文字”可以到达指定的文件常用标签-超链接2.3常用标签-超链接2.3锚点标签锚点标签<a></a>用来定义一种称为锚点的对象锚点是网页中被命名的一个特定位置，通过访问指向超链接的锚点，能够实现不同位置间的快速转移
常用标签-超链接2.3
<a>标签的主要属性属性属性取值功能描述hrefURL指定作为超链接目标对象的URLname锚点的标识符定义一个锚点作为超链接的书签title标题文字指定超链接显示的标题文字shaperect、rectangle、circle、poly、polygon指定图像映射超链接热点的图形类型targetblank、_parent、_self、_top、框架名称指定打开超链接的目标窗口类型常用标签-超链接2.3图像超链接图像超链接是指设定整个图像为超链接的标识，当点击图像的任一区域时，浏览器将自动打开超链接指向的目标对象实现图像超链接的方法：只须将<img>标签镶嵌到带有href属性的<a>标签内即可图像超链接的方法为：<ahref=超链接的URL><imgsrc=图像的URL></a>常用标签-超链接2.3列表与表格2.4有时为使网页的某些结构化的信息更有条理性，需使用列表方式来显示它们列表命令可以起到提纲挈领的作用表格是由行列交叉而成的单元格组成的二维网格用于组织与表达结构化的信息或用于规划网页布局列表与表格-列表2.4列表有序列表自定义列表无序列表有序列表定义<OL><LI>表项1</LI><LI>表项2</LI>……<LI>表项n</LI></OL>列表与表格-列表2.4无序列表定义<UL><LI>表项1</LI><LI>表项2</LI>……<LI>表项n</LI></UL>列表与表格-列表2.4自定义列表定义<DL><DT>表项1</DT>
<DD>表项1的描述１</DD>
<DD>表项1的描述2</DD>
……<DT>表项２</DT>……</DL>列表与表格-列表2.4表格一般由表格标题、表格题头、表格主体及脚注等要素组成标题一般为一行文字说明，用来指定表格的名称一个表格中至少要包含一个表格主体，每个表格主体可包含多个表行表格主体包含由表头单元格定义的表格结构及由数据单元格定义的表格内容两部分表头包含表格结构的各个字段名称表格数据包含表格的数据项内容列表与表格-表格2.4列表与表格-表格2.4列表与表格-表格2.4表格的构成标签<tr>标签<caption>标签<table>标签<th>标签<td>标签
表格标签表格标签<table></table>为定义表格的引导标签列表与表格-表格2.4表格标题标签表格标题标签<caption></caption>通常位于表格上方的居中位置，由<caption>标签定义该标签必须紧跟在<table>标签之后每个表格最多只能定义一个标题
列表与表格-表格2.4表格题头标签表格题头标签<thead></thead>用以将表头的一行或多行内容组合在一起，形成表格题头当在浏览器中卷动表格时，题头的内容将不动，始终保持在表格顶部
列表与表格-表格2.4表格主体标签表格主体标签<tbody></tbody>用以定义多行表格数据的组合体一般位于<thead>标签与<tfoot>标签之间若表格定义中仅包含一个tbody元素，而无thead元素与tfoot元素，则可省略<tbody>与</tbody>标签列表与表格-表格2.4表格脚注标签表格脚注标签<tfoot></tfoot>用以将表尾的一行或多行内容组合在一起，形成表格脚注当在浏览器中卷动表格时，脚注的内容将保持在表格底部不动列表与表格-表格2.4表格行标签表格行标签<tr></tr>用来定义一个表格行的完整信息由一列或多列表头字段或表格数据项信息构成列表与表格-表格2.4表头标签表头标签<th></th>用来定义表头的各个单元格内容
列表与表格-表格2.4单元格标签表格单元格标签<td></td>用来定义表格的一个数据单元格内容
列表与表格-表格2.4应用范例的示范运行效果列表与表格-表格2.4应用范例用表格列出你最喜爱的三部电影的名字、导演及上映时间信息，表格要求带有表格框线，并用不同的背景颜色显示表头与表格数据
表单与控件-表单结构2.5表单定义表单(form)是HTML语法的重要成分，是HTML实现人机交互的主要手段，用于采集用户输入的信息并提交给服务器，从而赋予网站以互动能力表单是实现动态网页的主要外在形式，网站无论使用哪种语言来实现，表单都是其实现互动功能的统一外在形式表单在HTML页面中起着重要作用，它是与用户交互信息的主要手段一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容用户填写了所需的资料之后，按下“提交资料”按钮，这样所填资料就会通专门的接口传到Web服务器上网页的设计者随后就能在Web服务器上看到用户填写的资料，从而完成了从用户到作者之间的反馈和交流表单与控件-表单结构2.5HTML表单作为网页上的一个特定区域，由标签对<form></form>限定其作用范围，其它的表单控件必须插入在表单区域内表单与控件-表单结构2.5表单常用的控件对象控件对象功能说明控件对象功能说明text单行文本框selectmenu下拉式菜单textarea多行文本框fileselect文件选择域button普通按钮button一般命令按钮radiobutton单选按钮submit提交按钮checkbox复选框reset重置按钮表单与控件-表单结构2.5表单标签表单标签<form>的主要内容为可选的各类表单控件定义<form>标签的事件包括onsubmit与onreset两类<form>标签的常用属性如下表所示
表单与控件-表单结构2.5<form>标签的常用属性属性属性取值功能描述name表单的名称为当前表单指定唯一的名称，以供脚本程序引用与操作methodget或post指定表单数据从浏览器传送到服务器的方法，默认为getactionURL定义表单处理程序的位置或表单提交的电子邮箱地址target_blank、_self、_parent、_top指定目标信息的打开窗口类型enctype资源的媒体类型设置表单内容的编码方式表单与控件-表单结构2.5表单定义形式
<form属性关键字=属性值……事件=事件处理程序>[selectmenu元素定义][text元素定义][input元素定义]……</form>表单与控件-表单结构2.5输入控件标签输入控件标签<input>为单一标签该标签仅包含属性，内容一般为空该标签通过对type属性赋以不同的值来创建命令按钮、文本框、单选按钮等多种输入型表单控件，向用户提供输入数据的手段表单与控件-输入控件
2.5input元素的定义格式为：<inputtype=表单控件类型其他属性关键字=属性值……事件=事件处理程序/>表单与控件-输入控件
2.5表单与控件-输入控件
2.5type属性、控件类型及响应事件对照表type属性值表单控件能够响应的事件text单行文本框onclick、onchange、onfocus、onblur、onselectpassword密码文本框onchange、onfocus、onblur、onselecthidden隐藏域onclick、onchange、onfocus、onblur、onselectbutton自定义按钮onclicksubmit提交按钮onclickreset重置按钮onclickimage图像按钮onclickradio单选按钮onclick、onfocus、onblurcheckbox复选框onclick、onfocus、onblurfile文件域onchange、onclick标注标签标注标签<label></label>用来为表单控件添加文字说明，描述控件的类型与功能，指导用户如何正确使用这些控件该标签常常与输入控件标签结合使用该标签之间的内容为浏览器显示的文字提示表单与控件-输入控件
2.5表单与控件-输入控件
2.5标注元素的重要属性属性属性取值功能描述for某一表单控件的id值指定要描述的是哪一个表单控件accesskey英文字母定义用来访问表单控件的快捷键单行文本框单行文本框允许用户输入一行信息，是Input元素的默认类型，也是使用频率最高的一种表单控件表单与控件-输入控件
2.5单行文本框创建方法为：<Inputtype="text"属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5密码文本框密码文本框是一种特殊的单行文本框，主要用于保密信息(如个人登录密码)的输入与显示当在密码文本框中输入字符时，浏览器将以屏蔽字符(一般为星号或圆点)来替换用户输入的内容，从而达到保密的效果表单与控件-输入控件
2.5创建密码文本框的方法为：<Inputtype="password"属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5隐藏域隐藏域是表单的特殊输入控件，隐藏域在页面中对用户是不可见的，浏览器中无法看到隐藏域的信息隐藏域主要用于程序设计，程序员用它来保存数据，传递参数，向服务器提交不允许公开的重要信息当浏览者提交表单时，隐藏域的内容会随着一起提交给服务器上的处理程序
表单与控件-输入控件
2.5创建隐藏域的方法为：
<Inputtype="hidden"属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5命令按钮表单命令按钮控件有相似的属性：都具有name与value属性表单命令按钮控件有相似的行为：都能够响应鼠标单击事件(onclick)表单与控件-输入控件
2.5表单与控件-输入控件
2.5命令按钮控件
自定义按钮自定义按钮为标准的windows风格的按钮
重置按钮单击重置按钮时，将删除任何已经输入到文本框中的信息并清除所做的任何选择，并自动恢复表单各控件的默认内容
提交按钮用以将表单中的信息(包括name与value属性值)以ASCII编码方式提交给服务器相应的表单处理程序表单与控件-输入控件
2.5各类命令按钮的示例创建自定义按钮的方法为：<Inputtype="button"属性=属性值……onclick=处理单击事件的脚本代码/>表单与控件-输入控件
2.5提交按钮的创建方法为：<Inputtype="submit"属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5重置按钮的创建方法为：<Inputtype="reset"属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5图像按钮图像按钮以一幅图片作为表单的提交按钮图像按钮能够响应单击事件，自动提交表单信息，功能与提交按钮十分相似图像按钮用图像来代替提交按钮上的文本标题，因此又被称为图像提交按钮表单与控件-输入控件
2.5创建图像按钮的方法为：<Inputtype="image"src=图像的URL其他属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5表单与控件-输入控件
2.5图像按钮的示例单选按钮单选按钮是一个小的空心圆环，用以提供在一组相互排斥的选项列表中一次只能选择一项的机制表单与控件-输入控件
2.5创建单选按钮的方法为：<Inputtype="radio"其他属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5复选框复选框允许用户在一组选项列表中同时选择多个选项
表单与控件-输入控件
2.5创建复选框的方法为：<Inputtype="checkbox"属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5表单与控件-输入控件
2.5单选按钮、复选框的示例文件域文件域主要用于通过表单选择并上传文件文件域由一个文本框和一个【浏览…】按钮组成，用户既可将上传文件的路径与文件名直接输入到文本框中，也可通过点击【浏览…】按钮，打开选择文件对话框并从系统资源中查找要上传的文件在Email中上传附件、上传图片、发送文件等应用中，经常会见到文件域控件
表单与控件-输入控件
2.5创建文件域的方法为：<Inputtype="file"属性=属性值……[事件=事件处理程序]/>表单与控件-输入控件
2.5表单与控件-输入控件
2.5文件域的示例文本域控件除了单行文本框，HTML表单还提供了能够输入多行文本的文本域控件定义文本域控件的标签对为<textarea>与</textarea>表单与控件-文本域2.5文本域控件定义格式如下：<form属性关键字=属性值……><textarea属性关键字=属性值……>……<!--文本域的初始内容--></textarea></form>
表单与控件-文本域2.5文本域的常用属性属性属性取值功能描述name名称字符串为文本域指定名称rows整数值n指定文本域当前显示的高度(行数)cols整数值n指定文本域当前显示的宽度(列数)wrapoff、virtual、physical设定文本域内容的折行方式disableddisabled设置文本域为不可用状态(文本域控件失去焦点)readonlyreadonly设置文本域为只读类型(内容不允许编辑与修改)表单与控件-文本域2.5文本域应的示例表单与控件-文本域2.5选择列表控件选择列表控件又称为下拉列表控件，它提供了从众多候选项目中选择一个或多个选项的机制选择列表由<select></select>标签对创建select元素中包含多个<option>标签，每个option元素定义一个可用的选择列表表项表单与控件-选择列表2.5选择列表的通用定义格式如下：<select属性=属性值……><optionvalue=选项值1>选项标题1</option>……<optionvalue=选项值n>选项标题n</option></select>表单与控件-选择列表2.5<select>标签的常用属性表单与控件-选择列表2.5属性属性取值功能描述name名称字符串为选择列表控件指定名称multiplemultiple设置选择列表的选择特性为允许多重选择size整数值n指定选择列表可用选项的最大数目(默认值为1)disableddisabled设置选择列表为不可用状态(没有焦点)<option>标签的常用属性表单与控件-选择列表2.5属性属性取值功能描述label文本标识为<optgroup>标签的使用设定一个标识selectedselected或不赋值指定当前选项的初始状态为选中状态value选项的返回值指定选项提交给服务器时的值disableddisabled设置当前选项为不可用状态(没有焦点)选择列表示例表单与控件-选择列表2.5带有选项分组功能的选择列表示例分组标签
<fieldset>标签与<legend>标签共同用来对表单中的信息进行归类分组表单与控件-分组标签2.5表单分组的定义格式为：<form><fieldset><legend>标题</legend>……<!--分组内的表单控件与元素--></fieldset>……<fieldset><legend>标题</legend>……<!—分组内的表单控件与元素--></fieldset><form>表单与控件-选择列表2.5分组标签fieldset(字段集)标签用来对表单信息进行分组，并在分组的文字与控件四周画出一个矩形边框，这与窗口框架极为类似一个表单可以定义多个字段集元素<fieldset>标签可以嵌套使用
表单与控件-分组标签2.5分组标签
Legend标签用来为
fieldset
元素定义文字标题默认情况下，标题插入在fieldset边框的左上角<legend>标签必需是<fieldset>标签的第一个标签
表单与控件-分组标签2.5表单分组示例表单与控件-选择列表2.5框架定义框架(Frame)是用来分割浏览器窗口空间的工具，可以将一个浏览器窗口划分为若干个小窗口，每个小窗口内单独打开一个网页，各个框架中的网页相互独立，从而获得在同一个浏览器窗口中同时显示不同网页的效果框架还可以非常方便的完成导航工作框架布局2.6框架布局2.6框架集定义框架集(Frameset)就是分布在浏览器窗口中的一组框架的集合框架集一般直接定义在<head>标签后框架集可以嵌套使用框架布局2.6框架文档一般将定义框架集与框架的代码放在一个独立的HTML文档内，称为框架文档框架文档不再包含<body>标签，而以frameset标签取代之，用来包含框架的结构划分信息，指示在每个框架中引用哪类网页文档框架布局2.6<html><head><title>HTML文档标题</title></head><frameset属性=属性值……><framesrc=URL其他属性=属性值……>……<framesrc=URL其他属性=属性值
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论