巧用表格代码
右侧表格是最普通、最简单的表格。其代码是：
<TABLE cellSpacing=0 cellPadding=0 width=240 align=right border=1>
<TBODY>
<TR align=middle>
<TD>待填内容</TD>
<TD>待填内容</TD>
<TD>待填内容</TD></TR>
<TR align=middle>
<TD>待填内容</TD>
<TD>待填内容</TD>
<TD>待填内容</TD></TR>
<TR align=middle>
<TD>待填内容</TD>
<TD>待填内容</TD>
<TD>待填内容</TD></TR></TBODY></TABLE>
应用表格时，首先要定出所需的总行数和总列数。
在代码中适当的行、列中加进colSpan= 或rowSpan= 或同时加进，就会变成右侧变化表格1和变化表格2。
在代码中可以调整任意格的宽度和高度，加入颜色代码，在格中填入所需内容或图片，就可以达到所需要的页面效果。
这个最普通、最简单的表格代码，可以重叠运用制作出各式各样的日志边框，可以用它排出图文并茂的各式版面。 不仅如此，巧妙地运用这个表格代码，还能搞出别致新颖的“发明创造”，如打“家具”、盖“大楼”等等，可谓是制作博客的万能工具。
巧用表格代码真是趣味无穷！
下面是我用这个表格代码制作的“组合柜”，朋友不仅可以观赏、读书，还可点击门、抽屉的拉手，看看里面藏有什么你所喜欢的东西。别担心，我没上锁，随便看！
待填内容 待填内容 待填内容
待填内容 待填内容 待填内容
待填内容 待填内容 待填内容
普通表格
待填内容 待填内容 待填内容
待填内容 待填内容
待填内容 待填内容
变化表格1
待填内容
待填内容 待填内容 待填内容
待填内容 待填内容 待填内容
变化表格2
★
.
★
.
.
.
. .
.
博客创意相关链接：
·
书房 ·
国学宝藏 ·
坏小子 ·
迷你夜总会 ·
拜大年 ·
圣诞贺卡 ·
书画装裱 组合柜代码：
<TABLE cellSpacing=0 cellPadding=0 width=740 align=center border=0>
<TBODY>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_26.jpg colSpan=13 height=20></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=730 align=center border=0>
<TBODY>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_27.jpg height=10></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=720 align=center border=0>
<TBODY>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_28.jpg height=10></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=720 align=center bgColor=#200000 border=0>
<TBODY>
<TR align=middle>
<TD width="2%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg height=20 rowSpan=20></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=20></TD>
<TD width=115 background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20>.</TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=20><A href=" title="2009年6月21日 - 闲散人也 - " style="WIDTH: 12px; HEIGHT: 50px" height=23 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=12 border=0 门扭></A></TD>
<TD width="2%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg height=20 rowSpan=20></TD>
<TD width=345 background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TD width="2%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg height=20 rowSpan=20></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=20><A href=" title="2009年6月21日 - 闲散人也 - " style="WIDTH: 12px; HEIGHT: 50px" height=23 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=12 border=0 门扭></A></TD>
<TD width=115 background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=20></TD>
<TD width="2%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg height=20 rowSpan=20></TD></TR>
<TR align=middle>
<TD height=20 rowSpan=18><IMG title="2009年6月21日 - 闲散人也 - " style="FILTER: FlipH; WIDTH: 115px; HEIGHT: 384px" alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_2.jpg" border=0 玻璃门></TD>
<TD colSpan=3 height=140 rowSpan=7><BR><A href=" title="巧用表格代码 - 闲散人也 - " height=131 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_3.jpg" width=31 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_4.jpg" border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_5.jpg" width=33 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " style="WIDTH: 31px; HEIGHT: 130px" height=132 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_6.jpg" width=28 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_7.jpg" border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " style="WIDTH: 28px; HEIGHT: 132px" height=132 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_8.jpg" width=24 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " style="WIDTH: 30px; HEIGHT: 132px" height=129 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_9.jpg" width=30 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " style="WIDTH: 32px; HEIGHT: 131px" height=132 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_10.jpg" width=29 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " style="WIDTH: 32px; HEIGHT: 131px" height=132 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_11.jpg" width=32 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " style="WIDTH: 31px; HEIGHT: 130px" height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_12.jpg" width=29 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_13.jpg" width=30 border=0></A></TD>
<TD height=20 rowSpan=18><IMG title="2009年6月21日 - 闲散人也 - " style="WIDTH: 115px; HEIGHT: 384px" alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_2.jpg" border=0 玻璃门></TD>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_31.jpg colSpan=3 height=10></TD>
<TR align=middle>
<TD colSpan=3 height=140 rowSpan=7><BR><A href=" title="巧用表格代码 - 闲散人也 - " alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_14.jpg" border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_15.jpg" width=32 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_16.jpg" width=29 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_17.jpg" width=30 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_18.jpg" width=31 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_19.jpg" width=31 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=130 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_20.jpg" width=30 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " style="WIDTH: 33px; HEIGHT: 131px" height=131 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_21.jpg" width=35 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=131 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_22.jpg" width=28 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " style="WIDTH: 30px; HEIGHT: 131px" height=129 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_23.jpg" width=30 border=0></A><A href=" title="巧用表格代码 - 闲散人也 - " height=131 alt="巧用表格代码 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_24.jpg" width=32 border=0></A></TD>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_31.jpg colSpan=3 height=10></TD>
<TR align=middle>
<TD width="2%" height=20></TD>
<TD height=20 rowSpan=11><BR><EMBED style="WIDTH: 290px; HEIGHT: 200px" src=http://www.lili.cc/flash/nt222.swf width=290 height=200 type=application/x-shockwave-flash ></TD>
<TD width="2%" height=20></TD>
<TR align=middle>
<TD height=20></TD>
<TD height=20></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20>.</TD>
<TD height=20></TD>
<TD height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg height=20 rowSpan=8></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg colSpan=3 height=5></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg height=20 rowSpan=8></TD>
<TD height=5></TD>
<TD height=5></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg height=20 rowSpan=8></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg colSpan=3 height=5></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg height=20 rowSpan=8></TD></TR>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TD height=20></TD>
<TD height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20><A href=" title="2009年6月21日 - 闲散人也 - " height=12 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=30 border=0 抽屉扭></A></TD>
<TD height=20></TD>
<TD height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20><A href=" title="2009年6月21日 - 闲散人也 - " height=12 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=30 border=0 抽屉扭></A></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TD height=20></TD>
<TD height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg colSpan=3 height=5></TD>
<TD height=5></TD>
<TD height=5></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_29.jpg colSpan=3 height=5></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TD height=20></TD>
<TD height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20><A href=" title="2009年6月21日 - 闲散人也 - " height=12 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=30 border=0 抽屉扭></A></TD>
<TD height=20></TD>
<TD height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20><A href=" title="2009年6月21日 - 闲散人也 - " height=12 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=30 border=0 抽屉扭></A></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TD height=20></TD>
<TD height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg colSpan=3 height=20></TD>
<TR align=middle>
<TD colSpan=13 height=2></TD></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=720 align=center border=0>
<TBODY>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_32.jpg colSpan=17 height=20>.</TD></TR>
<TR align=middle>
<TD width="2%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_32.jpg height=20 rowSpan=3></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=3></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20>.</TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=3><A href=" title="2009年6月21日 - 闲散人也 - " style="WIDTH: 12px; HEIGHT: 50px" height=23 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=12 border=0 门扭></A></TD>
<TD width="2%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_32.jpg height=20 rowSpan=3></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=3></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=3><A href=" title="2009年6月21日 - 闲散人也 - " style="WIDTH: 12px; HEIGHT: 50px" height=23 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=12 border=0 门扭></A></TD>
<TD width="1%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_27.jpg height=20 rowSpan=3></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=3><A href=" title="2009年6月21日 - 闲散人也 - " style="WIDTH: 12px; HEIGHT: 50px" height=23 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=12 border=0 门扭></A></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=3></TD>
<TD width="2%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_32.jpg height=20 rowSpan=3></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=3><A href=" title="2009年6月21日 - 闲散人也 - " style="WIDTH: 12px; HEIGHT: 50px" height=23 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_1.jpg" width=12 border=0 门扭></A></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20></TD>
<TD width="3%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20 rowSpan=3></TD>
<TD width="2%" background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_32.jpg height=20 rowSpan=3></TD></TR>
<TR align=middle>
<TD height=20><IMG title="2009年6月21日 - 闲散人也 - " style="FILTER: FlipH" height=300 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_25.GIF" width=120 border=0 玻璃门></TD>
<TD height=20><IMG title="2009年6月21日 - 闲散人也 - " style="FILTER: FlipH" height=300 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_25.GIF" width=120 border=0 玻璃门></TD>
<TD height=20><IMG title="2009年6月21日 - 闲散人也 - " height=300 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_25.GIF" width=120 border=0 玻璃门></TD>
<TD height=20><IMG title="2009年6月21日 - 闲散人也 - " height=300 alt="2009年6月21日 - 闲散人也 - " src="
http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_25.GIF" width=120 border=0 玻璃门></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20>.</TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20></TD>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_30.jpg height=20></TD>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_32.jpg colSpan=17 height=20>.</TD></TR>
<TR align=middle>
<TD background=http://image33.360doc.com/DownloadImg/2011/08/0411/15253206_28.jpg colSpan=17 height=20>.</TD></TR></TR></TR></TBODY></TABLE>
.
.
.
.
. .
.
