先前我曾经在介绍布局代码时讲到过这两个标签。通过合理地利用这两者，我们可以做出任意的布局形式。下面将要简单地介绍一下这两个标签。
table在这里作“表格”讲，div则是“层”的意思。先看下面的代码：
<html>
<head>
<titile>table与div</title>
</head>
<body>
<table width="100%" border="1" cellspacing="20" cellpadding="10">
<tr>
<td>我是单元格</td>
<td>我是单元格</td>
</tr>
<tr>
<td>我是单元格</td>
<td>我是单元格</td>
</tr>
<tr>
<td>我是单元格</td>
<td>我是单元格</td>
</tr>
</table>
<br />
<div style="border:1px black solid;">我是层</div>
</body>
</html>
请将上面的代码复制到你的记事本中，另存为“TableAndDiv.htm”文件（一定要选中“所有文件”），或者你也可以把上面的代码直接复制到模板的index页面中，看看会有什么效果……如果一切正常的话，应该会看到下面的显示效果：
你对这段代码是否有了一定的了解了呢？如果还没有，请继续看教程！
简单地讲，<table></table>标签中最少应该有行(<tr></tr>)、列(<td></td>，列又称为“单元格”)。大家可以试着看看上面的代码，你能看出这个表格是几行几列吗？另外，还需要注意的是，不论是<table>，<tr>，还是<td>，都应该有闭合标签，即<table></table>，<tr></tr>，<td></td>应该成对出现。而这也是html代码最基本的要求。
至于table标签中的width="100%"，我还是再讲一下吧。100%表示的意思就是，不管浏览器窗口如何变化，表格的宽度都会随着浏览器的宽度作出变化。如果写成width=“500px”的话，则表示表格始终会维持500px的宽度。
《《bus模板系列教程 4——熟悉bus的模板（2）
》》bus模板系列教程 5——table与div （2）
评论
[avatar:40]= =噢噢..
不好意思..
我再你得下篇教程里找到勒答案....
[avatar:40]不好意思,
我想请问一下"单元格"和"层"的区别是什么?
还有关于代码中的单位,比如width=“500px”
px这个单位如何定位?
[avatar:42]+好了啊~^_^
[avatar:42]还能加你吗？
恩？你加就是了，你之前加过我了吗？
(2008-04-23 21:59:07)
恩？你加就是了，你之前加过我了吗？
(2008-04-23 21:59:09)
[avatar:40]非常好，三行两列，继续看！呵呵~~~
我能加你QQ么，说下哈
那个可以啊，QQ不是在侧边栏那了吗
860793404
(2008-01-02 10:58:11)
这篇我已经看不懂了啊!!!![face:17][face:17][face:17]
先坚持看完吧，，
不懂的地方，你说下看看
(2007-12-30 22:14:51)