网页表格制作进阶

来源：天极设计在线作者：星河出处：巧巧读书 2006-01-14 进入讨论组

关键词：
dreamweaver
html

　　二、网页表格制作进阶

　　前面第一部分我们介绍的是表格最基本也最常用的属性，要用好表格，就必须熟悉和掌握这些最基本的属性。在对这些基本的属性有了一定的了解之后，我们再来看看表格的其他几个似乎并不常用的属性，以便对表格有一个整体的认识。事实上，即使不了解下面所讲的内容，多数情况下也不会影响你对表格的使用，所以我们只是简略的带过。

　　1、拆分表格
　　colspan表示该一储存格向右打通的栏数。 rowspan表示该一储存格向下打通的栏数。

看下面的表格：

第一行第一栏	第一行的第二、三栏
第二行及第三行的第一栏	第二行第二栏	第二行第三栏
第二行及第三行的第一栏	第三行第二栏	第三行第三栏

表格代码：
＜table width="450" border="1" cellspacing="0" cellpadding="2" bordercolor="#009900"＞
＜tr＞
＜td＞第一行第一栏＜/td＞
＜td colspan="2"＞第一行的第二、三栏＜/td＞
＜/tr＞
＜tr＞
＜td rowspan="2"＞第二行及第三行的第一栏＜/td＞
＜td＞第二行第二栏＜/td＞
＜td＞第二行第三栏＜/td＞
＜/tr＞
＜tr＞
＜td＞第三行第二栏＜/td＞
＜td＞第三行第三栏＜/td＞
＜/tr＞
＜/table＞

　　你可能看的不大明白。如果借助于Dreamweaver来再现表格制作过程，相信你会很快明白其中的奥秘。先制作一个三行三列的表格(这可以说是上面表格的“原形”)，见下图，然后将第一行的第二、三栏合并，第二行的第一栏、第三行第一栏合并，这样就得到了上例中的表格。你可以自己动手检验一下。

第一行第一栏	第一行第二栏	第一行第三栏
第二行第一栏	第二行第二栏	第二行第三栏
第三行第一栏	第三行第二栏	第三行第三栏