Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] discuz 表格 TABLE 代码 使用 基础 高级 教程 详解

[复制链接]
Hoshino.Sion 发表于 2011-9-16 21:12:14 | 显示全部楼层 |阅读模式
本帖最后由 Hoshino.Sion 于 2013-6-15 19:41 编辑

http://www.moesola.com/thread-6492-1-1.html
TABLE代码是什么?
TABLE的中文意思是“制表”
无论是DZ还是编辑网页时用的HTML,都离不开它。
TABLE可以手动调整其宽度、背景颜色、行与列等等。
虽然DZ的TABLE功能不像在HTML中那样多元化,不过如果能熟练运用,编辑出来的帖子将会显的十分有条理以及清新。

  1. [table=50%]
  2. [tr][td] 我是内容[/td][/tr]
  3. [/table]
复制代码
  1. [table=30%,Silver]
  2. [tr][td]例子2[/td][/tr]
  3. [/table]
复制代码
  1. [table=50%,red][tr][td]
  2. [table=50%,pink]
  3. [tr][td]例子3[/td][/tr][/table][/td][/tr][/table]
复制代码
我是内容
例子2
例子3
  1. [table=98%,black]
  2. [tr][td]例子4[/td][td]例子4[/td][/tr]
  3. [tr][td=2,1]例子4[/td][/tr]
  4. [/table]
复制代码
  1. [table=98%,yellow]
  2. [tr=black][td=1,2]例子5[/td][td]例子5[/td][/tr]
  3. [tr][td]例子5[/td][/tr][tr=green][td=2,1]你妹的例子5[/td][/tr]
  4. [/table]
复制代码
例子4例子4
例子4
例子5
  1. 例子5
复制代码
例子5
你妹的例子5


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]


TABLE高级应用:
[tr]代码属性是行,所以他可以定义此行的颜色 代码为[tr=red] 那么此行的颜色就为红色。[table]所定义的颜色就会在本行失效
[td]代码属性是列 那么我们想要合并单元格就全靠他 [td=2,1] = 合并此行的两个单元格 [td=1,2] = 合并两行的一列单元格
我们合并了此列或者此行的单元格了,那么就必须把其他行或者列的表示代码给删除,不然就会造成错误!!!
1、TABLE代码不能单独自定义颜色,即自定义颜色时必须输入表格大小数值;
2、TABLE代码不能自定义边框颜色,边框颜色默认为浅蓝色
3、TABLE
代码不会自动居中,如果需要则需使用居中代码。
4、TABLE代码最多可以重叠五层,第六层开始代码失效;
小提示
固定图像尺寸可以用
  1. [img=50,50] [/img]
复制代码




评分

1

查看全部评分

351449823 发表于 2011-9-16 21:26:18 | 显示全部楼层
本帖最后由 351449823 于 2011-9-16 21:28 编辑

感谢LZ,学习了
www.qqxyw.com
回复

使用道具 举报

go123 发表于 2011-9-16 23:21:05 | 显示全部楼层
学习中!
回复

使用道具 举报

上山下石 发表于 2011-9-16 23:56:43 | 显示全部楼层
辛苦了。。。
回复

使用道具 举报

 楼主| Hoshino.Sion 发表于 2011-9-18 18:54:50 | 显示全部楼层
自己顶起来
回复

使用道具 举报

testthis 发表于 2012-7-27 18:17:47 | 显示全部楼层
  • <div class="slidebox">
  • <div class="slideshow">
  •                         [loop]
  •                     <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a>
  •                         [/loop]
  • </div>
  •                 <div class="bignews_btns">
  •                     <div class="btns slidebar">
  •                                      [loop1]
  •                         <em></em>
  •                                                 [/loop1]
  •                           </div>
  •                     <div class="desc slideother">
  • [loop2]
  •                     <a href="{url}"{target}>{title}</a>
  • [/loop2]
  • </div>
  •                       </div>
  • </div>
  • <script type="text/javascript">
  • runslideshow();
  • </script>

复制代码
回复

使用道具 举报

4535 发表于 2012-7-28 09:31:59 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

糖排排 发表于 2013-6-15 19:29:59 | 显示全部楼层
123
秀表格(&#9685;&#3642;&#8255;&#9685;&#3642;&#10047;&#3642;)4
纳尼
exception
(⊙﹏⊙)
回复

使用道具 举报

回忆未来time 发表于 2013-7-16 17:03:43 | 显示全部楼层
不能改边框颜色  {:soso_e127:}
回复

使用道具 举报

webabc 发表于 2013-12-26 17:20:07 | 显示全部楼层
{:soso_e179:}
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 00:40 , Processed in 0.037145 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表