一 、学习
音画贴里华丽的边框是用表格来实现的。很多音画贴的外围边框，正是一层套一层的表格做出来的，最常见的音画贴所使用的表格，一般都是只有一行一列的矩形框，或是只有一列的多行表格。
要学做画框,自然就先学画表格
画表格的语法实例：
<TABLE>
<TR>
<TD>第一行第一列</TD>
<TD>第一行第二列</TD>
</TR>
<TR>
<TD>第二行第一列</TD>
<TD>第二行第二列</TD>
</TR>
</TABLE>
这是简单的一个两行两列的表格。
<TABLE>这个标识符用来定义表格，要特别注意：这个标识符一定要成对，而且嵌套表格时不能骑跨，否则将得不到预想的显示的效果。<TABLE>标识定义表格的开始，</TABLE>标识定义表格的结束。表格的行和列，必须包含在<TABLE>和</TABLE>之间。
<TABLE>这个标识符有很多属性，利用其不同属性可以设置表格的样式，比如：表格是否有边框，边框线的粗细，背景颜色、背景图案、表格的宽度（象素），表格内元素与表格边框的距离，表格与外层容器之间的距离等等。
利用<TABLE></TABLE>标签告诉电脑我要做一个表格，利用<TR></TR>标签先做一个横列
然后在横列中利用几组<TD></TD>标签再分出栏。
<TR>和</TR>定义表格的行，一对定义一行，可用多次重复定义任意数量的行。画表格的时候，一定要先分“行”，再分“列”。
<TR>这个标识符，也有属性，但没有必要使用。因为对表格单元格的样式修饰，可以通过<TD>的属性设置来实现。
<TD>和</TD>定义表格的列，一对定义一列，可用多次重复定义任意数量的列。表格分列的原则是，必须要在“行”里分列，通俗地理解就是表格外框包含行，行里包含列，最后画成表格。表格的单元格是用来装入我们要装的东西的容器，而容器装东西的位置就是<TD>与</TD>之间的位置。
实例一：在一个表格（矩形框）里显示一张图片。
<TABLE border=5 width=550 height=450 bgcolor=#00ffff>
<TR>
<TD><img src=http://bbs.21js.com/UpLoadFiles/2008-06/wm_2008626113945.jpg border=0 width=540 height=440></TD>
</TR>
</TABLE>
实例二：在一个表格（矩形框）里显示一句文字。
<TABLE border=5 width=550 height=400 bgcolor=#00ffff>
<TR>
<TD>在这里写上要显示的文字如：江山西南论坛</TD>
</TR>
</TABLE>
相关属性参数的设置
表格的一些设置：
1、设定表格底色，利用BGCOLOR="颜色码"就行，该属性用来定义表格的背景颜色。
颜色码是表示一个16进制的数字（0－9的数字和a-e的字母），例如：feb034。fe代表红色值，b0代表黄色值，34代表蓝色值，三种不同的单元色，最后混合成一个复合色。使用16进制颜色代码，一般要在颜色代码前加上一个“#”号，例如：bgcolor=#ff00de。有些单色可以用英文单词定义，red（红色），blue（蓝色），yellow（黄色），green（绿色），例如：bgcolor=yellow 。定义表格背景颜色最常用的语法是bgcolor=#000dea
例如：<TABLE border=1 width=600 bgcolor=#00ffff>
如：
<TABLE BORDER="1" BGCOLOR=#FFCC33>
<TR><TD>文字</TD><TD>文字</TD></TR>
</TABLE>
2、表格可以用图片来作背景
只要将BACKGROUND="图片地址"加到表格中就行,将BACKGROUND="图片地址"加在<TD>中
3、表格的宽度和高度确定
width=宽度，(宽度代表任意一个数值，最大值不应超过网页宽度的最大象素）该属性用来定义表格的宽度。定义表格的高度可以使用height=高度，原理一样。如果想定义一个宽度600象素的表格
例如下：
<TABLE border=1 width=600>
表格线的一些设置：
1、表格框线设定，设定表格粗细，利用BORDER="粗细值"就行。
该属性用来定义表格的边框线粗细，粗细值为零表示该表格没有边框（或不显示边框）
如：<TABLE BORDER=5>
<TR><TD>文字</TD></TR>
</TABLE>
2、设定框线颜色
<TABLE BORDER="5" BORDERCOLOR="#0080FF">
<TR><TD>文字</TD></TR>
</TABLE>
3、设定表格框线的阴影、亮面颜色，让表格看起来更有立体感！只要利用 BORDERCOLORLIGHT="#颜色码"（亮面设定） BORDERCOLORDARK="颜色码"（暗面设定）就行了。
怎么让表格中东西放好
1、让表格中物件置中 ，可以控制单元格里内容的相对位置，只要在<TD>中加入 ALIGN=CENTER参数；让表格中物件置左 ，参数ALIGN=LEFT；让表格中物件置右，参数ALIGN=RIGHT。
align=center（左右居中），valign=middle（上下居中）。
（因为，<TD>是一个栏位的意思，我们要指定在这栏位中的东西要置中或置左置右，就必须将ALIGN加在<TD>中）
如：<TD align=center > </TD>
2、控制表格内文字靠上方、靠下方
利用 VALIGN=TOP 这种属性即可让表格内物件靠上方对齐。
利用VALIGN=MIDDLE可以让表格中物件垂直置中（预设值），
利用VALIGN=BOTTOM可以让表格中物件靠下方。
3、表格内的内容与表格边框的距离设定
cellSpacing=n （n代表任意一个数值）
该属性用来设置表格单元格中内容与表格边框的距离，n为零表示允许单元格里的元素靠近边框。一般而言内定值为2 。
cellPadding=n（n代表任意一个数值）
该属性用来设置表格与外层容器的边距，n为零表示表格没有边框距离。保持适当的距离，看起来比较舒服。一般而言内定值为2。
cellSpacing和cellPadding是制作音画贴最重要的两个属性。也就是说音画贴里的表格必须有这两个属性。
例如：<TABLE cellSpacing＝3 cellPadding＝12 border=1 width=600 bgcolor=#00ffff>
二、应用
可以在表格中嵌套表格。
实例三：
<TABLE cellSpacing＝3 cellPadding＝12 border=1 width=600 height=450 bgcolor=#00ffff>
<TR>
<TD valign=middle align=center>
<table cellSpacing＝3 cellPadding＝2 width=90% bgcolor=#000adc border=1>
<tr>
<td width=550 height=400 >
......在这里还可以嵌套表格
</td>
</tr>
</table>
</TD>
</TR>
</TABLE>
实例四、还记得居中的设定吧，变化一下让它居中：
<DIV align=center>
<TABLE cellSpacing＝3 cellPadding＝12 border=1 width=600 height=450 bgcolor=#00ffff>
<TR>
<TD>
<DIV align=center>
<table cellSpacing＝3 cellPadding＝2 width=90% bgcolor=#000adc border=1>
<tr>
<td width=550 height=400 >
......在这里还可以嵌套表格
</td>
</tr>
</table>
</DIV>
</TD>
</TR>
</TABLE>
</DIV>
依据上面几个实例，调整一些属性及数据，看看变化的效果。
联系客服
