1、只有一个单元格的表格
效果
内容
代码：
<TABLE style="WIDTH: 120px; HEIGHT: 28px; TEXT-ALIGN: left" borderColor=#00ff00 cellSpacing=8 cellPadding=10 align=center bgColor=#bbbab9 border=3><BR>
<TBODY>
<TR>
<TD><BR>
<P align=center><FONT color=#0000ff size=4><B>内容</B></FONT></P></TD></TR></TBODY></TABLE></FONT>
表格的结构，从外到里依次是：边框线、间距、单元格边线、边距与内容。
2、几行几列的表格
代码：
<TABLE style="TEXT-ALIGN: left; WIDTH: 500px; HEIGHT: 28px" border=3 cellSpacing=8 borderColor=#00ff00 cellPadding=10 bgColor=#bbbab9 align=center>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格1</B></FONT></P></TD>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格2</B></FONT></P></TD>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格3</B></FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格4</B></FONT></P></TD>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格5</B></FONT></P></TD>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格6</B></FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格7</B></FONT></P></TD>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格8</B></FONT></P></TD>
<TD>
<P align=center><FONT color=#0000ff 24px FONT-SIZE:><B>单元格9</B></FONT></P></TD></TR></TBODY></TABLE>
效果 单元格1
单元格2
单元格3
单元格4
单元格5
单元格6
单元格7
单元格8
单元格9
多行多列的表格常用于制作链接文章与首页模块。用于制作链接文章：
制作多重表格
1、二层表格代码：
举例代码：
<TABLE border=3 cellSpacing=31 borderColor=#05e3dc background=http://image67.360doc.com/DownloadImg/2013/11/1105/36600052_14 align=center>
<TBODY>
<TR>
<TD>
<TABLE title=春天没来制作 border=2 cellSpacing=10 borderColor=#000000 cellPadding=0 width=600 bgColor=#00aa00 align=center height=100>
<TBODY>
<TR>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#00ffff>内容处</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR>
效果图
内容处
（1）无论制作几层的多重表格，只要在最里面的那一层表格标签中设置宽度与高度即可，其它层表格的宽度与高度都可以省略。其它层表格的宽度与高度都会根据表格中设置的间距等属性撑大的。
（2）当表格标签中设置了背景图片，又设置了背景颜色的时候，表格中显示的是背景图片。只有当背景图片失效以后才会显示出背景颜色。
2、三层表格代码
举例代码：
<TABLE border=3 cellSpacing=31 borderColor=#05e3dc background=http://image67.360doc.com/DownloadImg/2013/11/1105/36600052_14 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM: rgb(255,255,255) 2px solid; BORDER-LEFT: rgb(255,255,255) 2px solid; BORDER-TOP: rgb(255,255,255) 2px solid; BORDER-RIGHT: rgb(255,255,255) 2px solid" title=春天没来制作 cellSpacing=10 cellPadding=0 bgColor=#05e30c align=center>
<TBODY>
<TR>
<TD>
<TABLE border=2 cellSpacing=5 borderColor=#05e3dc width=550 background=http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_10.jpg align=center height=100>
<TBODY>
<TR>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#00ffff>内容处</FONT></P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
效果图
内容处
三层以上的多重边框，按照上面讲解的方法制作即可。
三、行标签中添加属性
行标签中可以添加背景图片：style="BACKGROUND-IMAGE: url(
http://image4.360doc.com/DownloadImg/2009/3/12/92346_2786131_12.jpg）；
行标签中可以添加背景颜色（绿色）与标题：title=春天没来制作 bgColor=#05e30c
四、列标签中添加属性
在表格的“列标签”中，可以添加一些属性属值。“列标签”中添加的属性属值，只在此单元格中起作用。如：<TD style="BACKGROUND-IMAGE: url(
http://image4.360doc.com/DownloadImg/2009/3/12/92346_2786131_12.jpg)" title=春天没来制作>
五、表格的行合并与列合并
“行合并”的代码为：rowSpan=2 。其中的2表示由此行向下合并的行数
“列合并”的代码为：colSpan=2 。等好后的数字表示由此列向右合并的列数
举例：行合并的代码
<TABLE style="BORDER-BOTTOM-COLOR: #00a360; TEXT-ALIGN: left; BACKGROUND-COLOR: #f2daef; BORDER-TOP-COLOR: #00a360; WIDTH: 500px; HEIGHT: 250px; BORDER-RIGHT-COLOR: #00a360; BORDER-LEFT-COLOR: #00a360" border=5 cellSpacing=5 cellPadding=3 width=500>
<TBODY>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD></TR>
<TRrowSpan=2 >
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD></TR></TBODY></TABLE>
六、背景图片的设置
在设置了背景图片的表格标签中，宽度与高度，既是表格的宽度与高度，也是背景图片的宽度与高度
1）添加移动文字：代码：
<TABLE style="POSITION: relative; WIDTH: 750px; TOP: 0px; LEFT: 0px" border=3 cellSpacing=31 borderColor=#05e3dc background=http://image67.360doc.com/DownloadImg/2013/11/1105/36600052_14 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM: rgb(255,255,255) 2px solid; BORDER-LEFT: rgb(255,255,255) 2px solid; BORDER-TOP: rgb(255,255,255) 2px solid; BORDER-RIGHT: rgb(255,255,255) 2px solid" title=春天没来制作 cellSpacing=10 cellPadding=0 bgColor=#05e30c align=center>
<TBODY>
<TR>
<TD>
<TABLE border=2 cellSpacing=5 borderColor=#05e3dc width=750 background=http://image72.360doc.com/DownloadImg/2014/05/1407/41587415_1.jpg align=center height=562>
<TBODY>
<TR>
<TD>
<MARQUEE style="POSITION: absolute; HEIGHT: 210px; TOP: 65px; LEFT: 150px" direction=up width=550 scrollAmount=2 scrollDelay=10>
<P align=center><FONT style="FONT-SIZE: 32px" color=#00ff00><B>学习代码<BR>制作网页<BR>用我们晚年的余热<BR>发射出暮年的光华<BR>与时俱进<BR>走在时代的前列</B> </FONT></P></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
（2）添加动画图片
代码：
<TABLE style="POSITION: relative; WIDTH: 750px; TOP: 0px; LEFT: 0px" border=3 cellSpacing=31 borderColor=#05e3dc background=http://image67.360doc.com/DownloadImg/2013/11/1105/36600052_14 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM: rgb(255,255,255) 2px solid; BORDER-LEFT: rgb(255,255,255) 2px solid; BORDER-TOP: rgb(255,255,255) 2px solid; BORDER-RIGHT: rgb(255,255,255) 2px solid" title=春天没来制作 cellSpacing=10 cellPadding=0 bgColor=#05e30c align=center>
<TBODY>
<TR>
<TD>
<TABLE border=2 cellSpacing=5 borderColor=#05e3dc width=750 background=http://image72.360doc.com/DownloadImg/2014/05/1407/41587415_1.jpg align=center height=562>
<TBODY>
<TR>
<TD><EMBED style="POSITION: absolute; HEIGHT: 500px; TOP: -80px; LEFT: 50px" height=500 type=application/x-shockwave-flash align=right width=700 src=http://www.cctv118.com/2010yh/chuntian/f/燕子.swf quality="high" wmode="transparent"> <EMBED style="POSITION: absolute; HEIGHT: 600px; TOP: -20px; LEFT: 50px" height=500 type=application/x-shockwave-flash align=right width=750 src=http://www3.6000y.com/toumingflash/swf500/woso7_flash_20.swf quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
七、多行一列的表格
代码：
<DIV align=center>
<TABLE style="POSITION: relative; WIDTH: 740px; TOP: 0px; LEFT: 0px" border=3 cellSpacing=31 borderColor=#05e3dc background=http://image67.360doc.com/DownloadImg/2013/11/1105/36600052_14 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM: rgb(255,255,255) 2px solid; BORDER-LEFT: rgb(255,255,255) 2px solid; BORDER-TOP: rgb(255,255,255) 2px solid; BORDER-RIGHT: rgb(255,255,255) 2px solid" title=春天没来制作 cellSpacing=10 cellPadding=0 bgColor=#05e30c align=center>
<TBODY>
<TR>
<TD>
<TABLE border=2 cellSpacing=5 borderColor=#05e3dc width=550 background=http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_10.jpg align=center height=100>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG style="WIDTH: 650px; HEIGHT: 300px" title="" alt="" src="
http://image63.360doc.com/DownloadImg/2013/08/0606/34299170_17.jpg" width=600 height=450><EMBED style="POSITION: absolute; WIDTH: 450px; TOP: 50px; LEFT: 50px" height=200 type=application/x-shockwave-flash src=http://xuanfei.cctv118.com/20081115/1409.swf wmode="transparent" invokeurls="false" allowscriptaccess="never" allowfullscreen="true" allownetworking="internal"><EMBED style="POSITION: absolute; WIDTH: 450px; TOP: 50px; LEFT: 200px" height=200 type=application/x-shockwave-flash src=http://xuanfei.cctv118.com/20081115/1409.swf wmode="transparent" invokeurls="false" allowscriptaccess="never" allowfullscreen="true" allownetworking="internal"></DIV></TD></TR>
<TR>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#00ffff>内容处</FONT></P></TD></TR>
<TR>
<TD>
<DIV align=center><EMBED style="Z-INDEX: 0" height=340 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=650 src=http://bbs8.zhxww.net/UploadFile2008/2013-4/20134271951244020.swf wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="never" allownetworking="internal"></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
