表格|表单|框架 --------------- 表格:布局 ----现在很少用到 好处: 适合做简单的布局 不足: 不利于搜索引擎搜索到; 表格要全部 下载到本地机才能显示; 适合做中小型企业网站! 复制代码 <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>