DZ表格编辑教程贴 - 呕血编辑 - 美帖必看

琉璃映雪照幽月

大道至简，最简单的，才是最美的！

                                                                                       送给所有还在编辑帖子不断套用表格的孩子

#基本扫盲
1. "【table】【/table】"——表格代码的起始
2. "【tr】【/tr】"——表示行
3. "【td】【/td】"——表示列
4. "【align=center】【/align】"——表示将内容居中

一个最简单的，一行一列500PX宽的白色背景的表格

• 1. [table=500,White]
     
  2. [tr][td] 一个最简单的，一行一列500PX宽的白色背景的表格[/td][/tr]
     
  3. [/table]

  复制代码
  
  

一个最简单的两行两列黑色背景的表格

• 1. [table=500,Black]
     
  2. [tr][td] [/td][td] [/td][/tr]
     
  3. [tr][td] [/td][td] [/td][/tr]
     
  4. [/table]

  复制代码
  
  

首先我们要了解TABLE是什么？
TABLE的中文意思是“制表”
无论是DZ还是编辑网页时用的HTML，都离不开它。
TABLE可以手动调整其宽度、背景颜色、行与列等等。
虽然DZ的TABLE功能不像在HTML中那样多元化，
不过如果能熟练运用，编辑出来的帖子将会显的十分条理、清新、美观。

TABLE基础解析
[ table] [ /table]
是表格整体框架
任何表格都是在这个基础上产生的
所以在编辑表格时候这个是必须加上的
[table=98%,Silver]
表格宽度98%、可以使用固定数值但不能超过560数值超过则变98%、
Silver是表格背景色可以更换可用#FFFFFF类似代码
[tr] [/tr]是行代码
[td] [/td]则是列代码
一行一列 = [tr][td] [/td][/tr]
一行两列 = [tr][td][/td] [td][/td][/tr]
两行两列 = [tr][td] [/td][td] [/td][/tr] [tr][td] [/td][td] [/td][/tr]
以上就是TABLE代码的基础部分

TABLE高级应用
[tr]代码属性是行，它可以定义此行颜色
代码为[tr=red]那么此行的颜色就为红色
如果[table]有定义的颜色就会在本行失效


TABLE高级应用
[tr]代码属性是行，它可以定义此行颜色
代码为[tr=red]那么此行的颜色就为红色
如果[table]有定义的颜色就会在本行失效

[td]代码属性是列
合并单元格，定义大小都是它来定义的
[td=2,1] = 合并此行的两个列单元格
当然也可以3，1|4，1 意思为合并三列，四列单元格

具体代码为
[ table]
[tr][td=2,1]合并此行的2个单元格 [/td][td] [/td][/tr]
[tr][td] [/td][td] [/td][td] [/td][/tr]
[ /table]


我们如何定义列宽的大小呢？
[td=60]列宽为60px [td=2,1,60%]合并两列的列宽为总体60%
这里要说明的是列宽的大小是定义全部行的，
但是在合并的单元格后，下行合并的单元格区域就可以重新定义

1、[table]不能单独自定义颜色，即自定义颜色时必须输入表格大小数值；
2、TABLE代码不能自定义边框颜色，边框颜色默认为浅蓝色；
3、TABLE代码不会自动居中，如果需要则需使用居中代码。
4、TABLE代码最多可以重叠五层，第六层开始代码失效；