【新提醒】[Empty

本帖最后由 蓝阿陌 于 2013-9-20 21:31 编辑

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

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

#基本扫盲

1. "【table】【/table】"——表格代码的起始

2. "【tr】【/tr】"——表示行

3. "【td】【/td】"——表示列

4. "【align=center】【/align】"——表示将内容居中

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

[table=500,White]

[tr][td] 一个最简单的，一行一列500PX宽的白色背景的表格[/td][/tr]

[/table]

复制代码

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

[table=500,Black]

[tr][td] [/td][td] [/td][/tr]

[tr][td] [/td][td] [/td][/tr]

[/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]有定义的颜色就会在本行失效

[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代码最多可以重叠五层，第六层开始代码失效；

5、更多请点击原始无修改帖：PART 1、PART 2