#2 HTML的框架，表格

浏览数：22 / 时间：2015年06月09日

【以下是个人笔记，由于水平有限，因此有错误的地方，希望M我。谢谢】

表格|表单|框架
---------------
表格:布局 ----现在很少用到
好处: 适合做简单的布局
不足: 不利于搜索引擎搜索到；表格要全部下载到本地机才能显示；适合做中小型企业网站！

<table border="1" width="200px" cellspacing="10px" cellpadding="10px">
    <tr> 
        <td>1</td>
        <td background="imgs\bgground.gif" colspan="2" align="center">2</td>
    </tr>
    <tr>
        <td rowspan="2"><img src="imgs/2.jpg" width="50px" height="50px" /></td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td>6</td>
        <td>7</td>
    </tr>
</table>

注释：table是表格的意思、tr 是行的意思、 td 是单元格

colspan 这个是合并几个列、rowspan合并行。

还有一个比较少用的，tbody（表主体）/thead（表头）/tfoot（页脚），放在Table标签下

------------------摘自W3C:http://www.w3school.com.cn/tags/tag_tbody.asp--------------------------------

定义和用法

<tbody> 标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容。

tbody 元素应该与 thead 和 tfoot 元素结合起来使用。

thead 元素用于对 HTML 表格中的表头内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。

注释：如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

提示：在默认情况下这些元素不会影响到表格的布局。不过，您可以使用 CSS 使这些元素改变表格的外观。

DIV+CSS： ---主要还是用这个(笔记在后面)
好处: 复杂，大型企业站点
不足:相对表格难学！入门简单，精通难
-------------------------------
框架 frameset
1. 特点: 有frameset ,就没有body!

然后再每一个frame里面指定 HTML的路径，然后就可以显示出来。

这里Frame里面的属性 name 设置一下，可以让HTML的内容显示到这里来

<frameset rows="20%,*" frameborder="0">   <!--这里分成两行，上面20%的高度，下面为剩下的高度-->
　　<frame src="top.html"></frame>         <!--这里放上HTML的路径-->
　　<frameset cols="20%,*">　　　　　　　　　 <!--把下面的那一部分  在分成左右两个部分-->
　　　　<frame src="left.html"></frame>
　　　　<frame src="main.html" name="main"></frame>    <!--设置name属性，让 a(超链接)打开后在这里显示-->
　　</frameset> 
</frameset>

把超链接的内容显示到Frame中

<ol>
    <li><a href="tn.html" target="main">我的童年</a></li>    <!--打开后在属性 name= main这个frame里面显示-->
    <li><a href="nv.html" target="_blank">我的女友</a></li>
</ol>