<pre>
framework example
<!--
使用时frameset标记代替body标记
<frameset rows="25%,25%,50%">
<frame name="left" src="left.html" frameborder="0" noresize/>
<frame name="middle" src="middle.html" marginheight="50"/>
<frame name="right" src="right.html"/>
</frameset>
<frame/>中，src属性指定帧中显示的内容，name属性指定一个可以被其他网页元素引用的名称
在frameset开始标记中，可以用象素指定帧的实际宽度，而不用比例，
<frameset cols="200,*">
此时，只需键人数值并删除％号，*代表需要填充剩余空间的帧
设置frameborder=0可以删除帧的边框
marginwidth和marginheight可以设置帧中页面的空白
在frame标记中添加noresize属性可以避免帧被改动
在frame标记中添加scrolling属性可以控制帧窗口出现的滚动条，yes:显示滚动条；no:不显示滚动条；auto：在需要的时候显示滚动条
帧可以嵌套，即frameset中再嵌套frameset
帧的目标：默认当点击连接时，被连接的网页在连接所在的帧中被显示。在<a>标记中加入target属性，指定连接目标，没有个目标需要和一个已经命名的帧向匹配，如果没有匹配的帧，则新开一个窗口，显示网页。
特殊的target属性：_blank:网页在一个没有任何帧的新浏览器显示；_self:网页在当前帧显示；_prent：网页在父帧中显示；_top；网页在没由任何帧的页面显示。
-->
</pre>
<pre>
table example
<!--表格边框border的值是边框宽度的象素个数,默认表格是不显示边框的-->
<!--rules属性控制单元格之间边框的显示方式，取指为：all,none,groups,rows和cols,默认none,all将显示
所有边框，和border相同，rows,cols只显示行或边框
width属性以象素或占浏览器窗口的百分率来设定
文字环绕设置align属性
通过用th代替tr可以向表格添加标题,使文字粗体显示
Cellpadding属性在单元格文字和单元格边缘加入空格
Cellspacing属性在每个单元格之间加入空格
rowspan和colspan可以实现跨多行的单元格
caption属性添加表格标题
thead,tbody,tfoot可以将表格行分为多个部分
colgroup和col可以将列分为多个部分
-->
<table border="1" width="40%" bgcolor="orange" cellspacing="10" cellpadding="10">
<caption align="bottom">title of the table</caption>
<thead bgcolor="yellow">
<tr>
<th width="100" height="5" colspan="2">1 unit</th>
<td>2 units</td>
</tr>
</thead>
<tr>
<td align="center" valign="bottom" bgcolor="blue" rowspan="2">4 units</td>
<th>5 units</th>
<td>6 units</td>
</tr>
<tr>
<td>8 units</td>
</tr>
</table>
</pre>
<pre>
image example
<a href="mailto:dudu@126.com?subject=Hello from web&body=email dudu"><img src="/dudubase/images/1.jpg" width="300" height="200" align="right" vspace="10" hspace="20" border="5" alt="picture description"/></a>
<map name="fany">
<area shape="rect" coords="10,2,90,70" href="mailto:dudu@126.com?subject=Hello from web&body=email dudu" alt="img map"/>
<area shape="poly" coords="20,20,80,80" href="mailto:dudu@126.com?subject=Hello from web&body=email dudu" alt="img map"/>
<area shape="rect" coords="30,30,70,90" href="mailto:dudu@126.com?subject=Hello from web&body=email dudu" alt="img map"/>
</map>
<img src="/dudubase/images/a.jpg" width="100" height="100" align="right" border="2" usemap="#fany"/>
<!--使用vspace和hspace，可以定义在文字和图像之间的空格数目，它以象素为单位-->
</pre>
<pre>
