]]>
frameborder属性：(x)昄框架的边框?br /> bordercolor属性：(x)控制框架Ҏ(gu)的颜Ԍ接受一U颜色名或三重的十六q制作ؓ(f)倹{?br /> 嵌套?lt;frameset>标签Q通过?lt;frameset>标签内嵌套多?lt;frameset>标签Q以创徏交错的框架以?qing)其他更加复杂的布局?br /> 如下面的例子创Z个两列的布局Q第一列有两行Q第二列有三行?br /> <frameset cols="50%,*">
<frameset rows="50%,*">
<frameset src="frame1.html">
<frameset src="frame2.html">
</frameset>
<frameset rows="33%,33%,*">
<frameset src="frame3.html">
<frameset src="frame4.html">
<frameset src="frame5.html">
</frameset>
</frameset>
框架文档不包含可以显C的内容Q但可以昄针对无框架显C力的览器的提示信息?br /> <frame>标签Q只出现?lt;frameset>标签内。通过使用与它兌的src属性，可以用它来设定文本内容的url。浏览器框架从左到右一列一列，从上C一行行地放|在一个框枉中。因?lt;frame>标签?lt;frameset>标签中的序非常重要。同时将没有包含src属性的<frame>标签昄为空的框架?br /> src属性：(x)提供要显C在框架中的文档的url。除此没有其他办法，不能在框架文档中包含M<body>的内容，如果<body>标签先出玎ͼ览器会(x)忽略掉框架标{，q只昄<body>标签的内容，反之也是一栗?br /> name和id属性：(x)可以使用name属性对该框架进行标讎ͼ以便能被<a>标签?lt;form>标签的target属性所引用。id属性也Ҏ(gu)架进行唯一标识?br /> noresize属性：(x)通过此属性可以冻l所有框架的相对比例?br /> scrolling属性：(x)通过此属性能昑ּ地控制滚动条的出现和消失。其值可以ؓ(f)Qyes,no,auto?br /> marginheght和marginwidth属性可以修Ҏ(gu)架的Ҏ(gu)和其内容之间留下的部分见隔的大小?br /> frameborder和bordercolor属性：(x)可以使用frameborder属性对一个单一的框架添加或则删除边框。其gؓ(f)yes?和no?。bordercolor属性可以修改单独的框架Ҏ(gu)的颜艌Ӏ?br />
<noframes>标签Qؓ(f)不能昄框架的浏览器提供内容。只能在框架文档的最外层?lt;frameset>标签内部使用该标{。在该标{ֆ部的内容不能被具有显C框架能力的览器显C，q些内容会(x)被那些不能处理框架的览器显C。该标签的内容可以是M普通的M内容?br /> 没有专门针对<noframes>标签的属性，但可以?6个标准属性中的Q何一个?br />
<iframe>标签Q定义一个内联标{。内联标{֏以定义在一个传l的文档中，q些框架的行Z内联囑փ怼。此标签不是用在<frameset>标签内，相反Q它可以出现在Q?lt;img>标签可以出现的地斏V它在文档中定义了一个矩形的区域Q在q个区域中，览器会(x)昄一个单独的文档Q包括滚动条和边框?br /> align属性：(x)该属性可以控制框架内联在怏(f)的文本的什么地方，或被Udq个文档的边沿，使文本能够沿着q个框架的周围显C?br /> height和width属性：(x)览器将内联框架的内Ҏ(gu)入一个预先定义的150像素?00像素宽的Ҏ(gu)?br />
]]>
<tr>标签Q在表格中定义新的一行?br /> align和valign属性：(x)align改变一行的单元格所有内容的水^默认寚w方式。valign属性改变表D中数据单元格的内容的垂直默认寚w方式?br /> bgcolor和background属性：(x)bgcolor属性ؓ(f)整行讄背景颜色。其gؓ(f)一个RGB值或是一个标准的颜色名称,也可以单独改变一个单元格的颜艌Ӏbackground属性应用一个图像作Z行的背景?br /> bordercolor,bordercolorlight,bordercolordark属性：(x)讄行的Ҏ(gu)颜色Qgؓ(f)一个RGB值或是一个标准的颜色名称,也可以单独改变一个单元格的颜艌Ӏ?br />
<th>?lt;td>标签Q这两个标签?x)在一行中创徏单元格及(qing)其内宏V?br /> align和valign属性：(x)用法?lt;tr>标签中的相应属性一致。但只会(x)影响当前单元g的内容的寚w方式?br /> width属性：(x)?lt;table>标签的width属性类伹{?br /> height属性：(x)׃一行中的所有单元格高度一_(d)所以只用设W一列?br /> colspan和rowspan属性：(x)通过q两个属性，可以把一个单元格扩展成几行几列。如Q?lt;th colspan="3" rowspan="5">
bgcolor和background属性：(x)改变一个单独的数据单元根{用法与上面cM?br /> bordercolor,bordercolorlight,bordercolordark属性：(x)改变单元格的Ҏ(gu)颜色?br />
<caption>标签Q定义表格的标题?br /> align和valign属性：(x)控制标题的水q_垂直位置?br />
<thead>标签Q定义表格的表头。在其中可以攄一个或多个<tr>标签Q用于定义表头的行。其属性和前面的用法一栗?br /> <tfoot>标签Qؓ(f)表格定义一个表注?br /> <tbody>标签Q可以将表格分成一个单独的部分
]]>
enctype属性：(x)览器在把数据传递给服务器之前，?x)对表单的数据进行编码。用enctype属性可以改变编码格式，目前的编码格式：(x)multipart/form-data和text/plain?br /> 1.标准~码Q将表单值的I格转换?Q非字母数字转换?Q后跟该字符的ASCII码的十六q制Qƈ多行中的换行符换成%OD%OA?br /> 2.multipart/form-data~码Q比标准~码更长Q且只有<form>的method属性ؓ(f)postӞ才能使用q种~码格式?br /> 3.text/plain~码Q只有当需要把表单数据通过?sh)子邮g传输Ӟ才可以用这U编码格式?br /> method属性：(x)必需的，有post和getҎ(gu)两种?br /> 1.postҎ(gu)Q首先，览器将与action属性中指定的表单处理服务器建立联系Q然后按分段传输的方法将数据发送给服务器?br /> 2.getҎ(gu)Q浏览器与表单处理服务器建立联系后，直接在一个传输步骤中发送所有表单数据；览器会(x)数据直接附在表单的action url之后?br /> target属性：(x)表单的l果重新指向另一个窗口?br /> 事g属性：(x)onSubmit和onReset?br />
<input>标签Q在表单中创入元素?br /> 传统的文本字D：(x)type属性设|ؓ(f)text。size和maxlength属性控制输入显C框的长度。value属性可以ؓ(f)字段讄一个默认倹{?br /> 掩码后的文本控gQ浏览器采用掩码文本的方式保存密码和敏感字符信息。type属性设|ؓ(f)passwordQ就可以创徏一个掩码文本控件?br /> 文g选择控gQtype属性设|ؓ(f)file。accept属性可U束览器允许用户选择的文件类型。如果要在表单中包括一个或多个文g选择字段Q必L<form>的enctype属性设|ؓ(f)mulitipart/form-dataQƈ把method属性设|ؓ(f)post?br /> 复选框(checkbox)Qtype属性设|ؓ(f)checkbox?br /> 单选按?radio button)Q与复选框行ؓ(f)怼Q但只能选择其中一个倹{type属性设|ؓ(f)radio。name和value是必需的属性，cheched属性如果设|了|表示该按钮在开始就处在选中状态?br /> 提交按钮Qtype属性ؓ(f)submitQ会(x)启动数据提交给服务器的q程?br /> 重置按钮Qtype属性ؓ(f)reset,清除或设|某些默认倹{?br /> 隐藏字段Qtype属性ؓ(f)hiddenQ是一U向表单中嵌入信息的Ҏ(gu)?br />
<button>标签Q在表单中创Z个按钮控件?br /> type属性：(x)定义按钮的动作，submit,reset或button?br />
<textarea>标签Q在文本框里创徏多行文本Q提交表单后Q浏览器行中的文字攉hQ行间用"%OD%OA"分隔?br /> rows和cols属性：(x)讄可视矩Ş区域的维数?br /> wrap属性：(x)讄该属性的gؓ(f)physicalQ文本输入区实行自动换行?br />
<select>标签Q创建单选或多选菜单?br /> multiple属性：(x)假如该属性后Q可以允?dng)R择多个选项?br /> size属性：(x)军_用户一ơ可以看到多个选项?br />
<option>标签Q定义一?lt;select>表单控g中的每个条目。其内容只能是纯文本?br /> value属性：(x)为每个选项讄一个倹{如果没有设|该属性，选项的值将被设|ؓ(f)<option>标签的内宏V?br /> 如，<option value=Dog>Dog ; <option>Dog q两者具有同L(fng)倹{?br /> selected属性：(x)可以预先选定一个或多个选项?br />
<optgroup>标签Q如果选项菜单非常长，可以有此标签一些相关的选项分组。只能在<select>标签中用此标签?br />
<label>标签Qؓ(f)表单元素创徏标记。分昑ּ和隐式两U，如，
<lable for="ssn">Social Security Number:</label>
<input type="text" name="Soc" id="ssn">
<lable>Date of birth:<input type="text" name="dofb"></label>
W一个是昑ּQ第二个是隐式?br />
创徏有效的表单：(x)
1 览器约束：(x)保表单能最大程度地帮助用户正确输入数据。充分ؓ(f)表单做说明，解释如何填写表单?br /> 2 处理受限制的昄Q让表单能自然滚动，避免太宽的输入元素?br /> 3 用户界面考虑Q输入元素应该按照逻辑l别l织h?br /> 4 创徏动的表单：(x)不要在询问用户姓名之前询问地址信息?br />
]]>
内联样式表：(x)最单的方式Q只需在标{中包含一个style属性。如Q?lt;h2 style="color:blue;font-style:italic">Look!</h2>
文档U样式表:样式表攑֜<head>内的<style>标签?lt;/style>l束标签之间Q就?x)?jing)响文档中所有相同标{内容Q但含有内联style属性的标签除外?br /> 如，
<head>
<style type="text/css">
h1(color:blue;font-style:italic)
</style>
</head>
<body>
<h1>this is a example.</h1>
<h1>this is another example.</h1>
</body>
type属性：(x)U联样式表的cd为text/cssQJavaScript样式表ؓ(f)text/javascript?br /> media属性：(x)让浏览器了解表现文档的最x式。默认gؓ(f)screen(计算机显C器),q有tv(?sh)?,handheld(PDA){。如Q?lt;style type="text/css" media="screen,handheld">Q表C在计算机显C屏和PDA讑֤上都要用CSS昄文档?br />
外部样式表：(x)分离样式表和文档的内宏V这样同一个样式表可以应用于多个文档中。有两种Ҏ(gu)引入外部样式表：(x)链接和引入?br /> 链接方式Q在<head>标签中?lt;link>标签。如Q?br /> <head>
<link rel=stylesheet type="text/css" >
</head>
引入方式Q在<style>标签中用一个特D命令at。如Q?br /> <head>
<style type="text/css">
<!--
@import url(http://www.kunming.com/styles/gen.css);
@import "http://www.kunming.com/styles/gen.css";
body {background:url(backgrounds/marble.gif)}
-->
</style>
</head>
样式c?br /> 1 常规c：(x)定义D落样式。如Q?br /> <style type="text/css">
<!--
p.abstract{font-style:italic;margin-left:0.5cm;margin-right:0.5cm}
p.equation{font-family:Symbol;text-align:center}
h1,p.centered{text-align:center;margin-left:0.5cm;margin-right:0.5cm}
-->
</style>
以上定义了三U段落样式，然后在应用时Q?br /> <p class=abstract>first style.</p>
<p class=equation>a-b+1</p>
<p class=centered>another style</p>
一般类Q定义类Ӟ不与某个Ҏ(gu)标签兌hQ而有选择的把该类应用到整个文档的多个标签中?br /> 如，.italic {font-style:italic}?创徏了一个italic的类Q应用时只要把名U包括在class属性里面就可以。如Q?lt;p class-italic>?lt;h3 class=italic>?br />
IDc：(x)几乎所有html标签都支持id属性。创建类Ӟ需要在cd前?#"而不?."。如Q?br /> <style>
<!--
#yellow {color:yellow}
h2#blue {color:blue}
-->
</style>
在文档中Q用同L(fng)id属性来应用样式。如Q?lt;h1 id=blue>。由于HTML标准规定Q每一个标{id属性值必L唯一的。所以创建带有id属性的样式表的Ҏ(gu)不推荐用?br />
伪类Qؓ(f)特定的标{态定义显C样式。方法与常规cȝ|但区别有Q? q接到标{时用的是冒可(g)不是句受? 有预先定义好的名Uͼ不能随便l其取名?br /> 链接伪c：(x):link(未访?,active(正被讉K),a:visited(讉Kq的)。如Q?br /> a.link(color:blue)
a.active(color:red; font-weight:bold)
a.visited(color:green)
交互左右伪类Q与用户动作有关。如Qa:hover{color:yellow}表示当鼠标指向它时会(x)Ҏ(gu)黄色。a:focus允许在元素变成专注对象时改变其样式?br /> 混合c：(x)把伪cdq加到选择W的cd后，可以合用伪cd常规cR?br />
样式属?br /> 属性|(x)关键字，长度|癑ֈ比|urlQ颜Ԍ角度Q时间和频度?br /> 属性承：(x)标签中的属性及(qing)其值都是从父标{N里承而来。如<body>标签讄了属性后Q实际会(x)把该属性应用到文档M部分的所有标{上?br />
]]>
<a>标签Q定义文本流内的?br /> href属性：(x)指定连接目标的urlQ其值可以是M有效文档的相Ҏ(gu)军_urlQ包括片D|识符和javascript代码?br /> name和id属性：(x)可以利用q两个属性在文档中创建片D|识符。其值可以是用引号引h的Q何字W串Q且在同一文档中惟一?br /> 如：(x)
<h2><a name="running">running!name</a></h2>
<h2><a id="running">running!id</a></h2>
然后在连接处Q?br /> <a href="guide.html#running">卛_?br /> charset属性：(x)指定作ؓ(f)链接目标的文档中所使用的字W编码?br /> type属性：(x)指定<a>标签调用的源的内容类型?br />
<base>标签Qؓ(f)文档的其他锚定义基本url。此标签应只出现在文档的头部Q而不应该出现在文档的M内容中?br /> href属性：(x)其gؓ(f)一个有效的urlQ浏览器使用该值定义文档中出现的相对url?br />
<link>标签Q定义当前文档与其他文档间的关系。只能在head内容里面?br /> href属性：(x)指定目标标签的url?br /> rel和rev属性：(x)用来表示源文档与目标文档之间的关pR?br /> type属性：(x)提供被链接文档的MIME内容cd?br /> 如，<link href="styles/classic.css" rel=stylesheet type="text/css">表示在文档的head中创Z个到外部样式表的链接?br />
<meta>标签Q提供文档的附加信息?br /> name属性：(x)提供了由<meta>标签定义的名U?值对中的名称。如果希望文档可以进入搜索引擎的索引中，可以在每个文档?lt;head>中放|?lt;meta>标签?br /> 如，<meta name="keywords" content="kunming,cooking,people">
content属性：(x)提供名称/值对中的倹{?br />
格式化列?/strong>
无序列表:<ul>标签
其中?lt;li>标签来的定义一个条目，览器一般会(x)在每一个条目前加一个项目符受?br /> 如，
This is a unsort table
<ul>
<li>book</li>
<li>food</li>
<li>computer</li>
</ul>
type属性：(x)定义条目前的目W号Q值有Qdisc,circle和square?br /> style属性：(x)可以通过q个属性允许用自己的图表图像作为项目符受?br /> lang,dir属性：(x)lang属性允许指定在列表中用的语言Qdir属性告诉浏览器文本的显C方向?br /> 有序列表:<ol>标签
览器会(x)讄与无序列表类型相似的外观Q唯一不同的是列表条目前加的是~号Q不是项目符受?br /> 如，
This is a sort table
<ol>
<li>book</li>
<li>food</li>
<li>computer</li>
</ol>
start属性：(x)允许改列表条目的初始倹{浏览器默认?开始编受?br /> type属性：(x)改变列表条目的编h式。其|(x)A代表大写字母Qa代表写字母QI代表大写|马数字Qi代表写|马数字?br /> 其他属性和无序列表基本功能一栗?br />
<li>标签Q定义有序，无序列表或目录，菜单列表中的条目
type属性：(x)与相应列表类型的值相同。但只会(x)该变该项Q不?x)改变编L(fng)倹{?br /> 如，
<ol>
<li type=A>many books </li>
<li type=I>lots of pictures</li>
<li type=i>some computers</li>
<li type=a>much more money</li>
<li type=A>many students</li>
</ol>
value属性：(x)可以改变特定列表条目的编P?x)?jing)响其后所有条目的~号?br /> style和class属性：(x)style属性可以ؓ(f)标签内包含的元素创徏内联样式Q而覆盖其他Q何有效的样式规则Qclass属性允许按预先定义的类格式化内宏V?br />
嵌套无序列表Q在嵌套无序列表的条目前Q浏览器?x)用不同的项目编h昄不同的层ơ效果。如 Q空心圆点，实心圆点Q方块?br /> 例如Q?br /> <ul>
<li>11111</li>
<ul>
<li>2222</li>
<li>3333</li>
<ul>
<li>44444</li>
<li>55555</li>
</ul>
<li>66666</li>
</ul>
</ul>
嵌套有序列表Q浏览器默认从数?开始对条目~号。但Q可以通过type和value属性，创徏分l构的嵌套有序列表?br /> 如，
<ol>
<li type=A>many books </li>
<li type=I>lots of pictures</li>
<li type=i>some computers</li>
<li type=a>much more money</li>
<li type=A>many students</li>
</ol>
value属性：(x)可以改变特定列表条目的编P?x)?jing)响其后所有条目的~号?br /> style和class属性：(x)style属性可以ؓ(f)标签内包含的元素创徏内联样式Q而覆盖其他Q何有效的样式规则Qclass属性允许按预先定义的类格式化内宏V?br />
嵌套无序列表Q在嵌套无序列表的条目前Q浏览器?x)用不同的项目编h昄不同的层ơ效果。如 Q空心圆点，实心圆点Q方块?br /> 例如Q?br /> <ol type="A">
<li>11111</li>
<ol type="i">
<li>2222</li>
<li>3333</li>
<ol type="a">
<li>44444</li>
<li>55555</li>
</ol>
<li>66666</li>
</ol>
<li>777777</li>
</ol>
定义列表Q?lt;dl>标签。其条目可以是带有文本，囄和其他煤体的元素?br /> 定义列表的每个条目由两部分组成：(x)术语和其后的定义或解释?br /> 每一的名称使用<dt>标签而不?lt;li>标签Q其后的解释?lt;dd>标签标记?br /> 如，
<h3>this is a example</h3>
<dl>
<dt>computer</dt>
<dd>just a tool for people.</dd>
<dt>food</dt>
<dd>every one needed.</dd>
</dl>
正确的列表用?br /> 无序列表主要用于Q链接集合，短无序的文本l，需要强调的地方?br /> 有序列表主要用于Q目录，指o(h)序列Q文本的q箋D落集合?br /> 定义列表用于Q术语表Q字定义的项目符PM名称/值Ş式的列表?br /> 目录列表Q?lt;dir>标签
功能与无序列表一P也要使用<li>标签?br /> 菜单列表Q?lt;menu>标签
也与无序表相伹{不推荐使用了?br />
]]>
background属性：(x)在文档背景中攄一个图像，其值是一个图像的url。通常选择而暗淡的囑փ来创Z个背景图案?
bgproperties属性：(x)把背景图像冻l在览器窗口中Q这样得图像不?x)随H口变化而变化。其值只有一个fixed?
text属性：(x)讄整个文档中所有无q接文本的颜艌Ӏ最好选择与背景颜色对比鲜明的文本颜色?
link vlink alink属性：(x)控制文档中超文本的颜艌Ӏlink属性决定用戯没有点击q的所有超q接的颜艌Ӏvlink属性设|用户已l点击过的所有连接的颜色Qalink属性定义激z连接文本的颜色?
背景音乐 <bgsound>标签Q?br /> 功能Q可以设|背景音乐，但只适合IE文档Q其他浏览器可能?x)忽略这个标{?
src属性：(x)指定相关音乐文g的url?
loop属性：(x)重复播放的次敎ͼ或者infinite表示无限ơ?
zd文字 <marquee>标签Q定义显C屏q中滚动的文字，但该标签只适合IE?
align属性：(x)定义其与周围文字的对齐方式?
behavior direction loop属性：(x)定义字幕滚动的样式，方向和持l时间? bgcolor属性：(x)讄字幕的背景颜艌Ӏ?
height和width属性：(x)军_字幕区域的大?
hspace和vspace属性：(x)用来在字q和周围文字之间出间距?
scrollamount和scrolldelay属性：(x)控制字幕的速度和^滑度?
]]>
<hr>标签
功能Q打断文本流q插入一条分隔线
size属性：(x)可以加粗分隔Uѝ如Q?/span><hr size=12>?2为像素。浏览器默认?-3个像?/p>
width属性：(x)~短或者加长分隔线的长度。默认的分隔U会(x)横跨整个H口。其属性值有相对和绝对两U，推荐使用相对值的方式?o:p> 如，<hr width=12>?lt;hr
width="12%"> align属性：(x)控制分隔U的寚w方式Qleft,center,right. color属性：(x)讄分隔U的颜色Q只被I(xin)E支持Q而且?x)失?D效果?o:p> GIF(Graphic Interchange Format)囑Ş交换格式 1.其编码技术在很多q_上都可以使用?o:p> 2.使用了一U特D的压羃技术，可以显著减小囑փ文g的大，从而可以在|络上更快的q行传输?o:p> 3.无损压羃?o:p> 4.Ҏ(gu)实现动画效果?o:p> GIF囑փ的三个技巧：(x) 1.隔行扫描-可以使图像在屏幕上一下子昄出来Q而不是从上到下逐步昄?o:p> 2.透明效果-让图像的部分昄透明效果?o:p> 3.逐动画-不需要ؓ(f)HTML文档~写动画E序可以实现简单的动画Q但是这L(fng)GIF文g׃(x)变大?o:p> JPEG(Joint PhotograPhic ExPerts Group)联合囑փ专家l?o:p> JPEG拥有?/span>GIF多得多的颜色Q压~效果更好。当然会(x)损失一些图像数据?span lang="EN-US"> 改善由图像带来的负蝲和gq问题：(x) 保持单?span lang="EN-US">-通过囄理工具优化囑փ的尺寸，颜色的?wi)木减少到最的像素数?o:p>
重复利用囑փ-大多览器会(x)在本地存储器把引入的文档成分q行~存Q这栯得数据会(x)更快Q用网l连接会(x)更少?o:p>
分割大文?span lang="EN-US">-一条好l验是把每个文档保持?0K左右Q这L(fng)户即使用的是很慢的q接也不?x)引起厌烦(ch)的感觉?span lang="EN-US">
必要地隔d囑Ş-为很大的囑փ提供一个图形的~略图，让用户决定是否花旉下蝲整个囑փ?o:p>
指定囑փ的尺?span lang="EN-US">-通过在标{N面指定图像的寸Q可以让览器不必再计算囑փ在文档中的尺寸?o:p>
<img>标签
功能Q在文档中插入一个图片?span lang="EN-US">
sre属性：(x)必需的，指出囑փ的地址?span lang="EN-US">
alt属性：(x)指定了图像的替代文本Q用于在囑փ无法昄或用L(fng)用图像显C时Q代替图像显C的内容。虽然是可选属性，但是强烈为每个图像加?/span>alt属性。因为即使下载不了图像，用户也可以借此知道囑փ的相关信息，而且对于D疾人士来说q是他们了解囑փ内容的唯一方式?/span>alt属性值是一个最多可以包?span lang="EN-US">1024个字W的字符丌Ӏ?o:p>
border属性：(x)控制囑փ的边框大?span lang="EN-US">
]]>