【教材直通车】论坛表格与索引简述

人事部基金 · 发表于 2017-2-17 12:47:10

杏吧有你，春暖花开！马上注册，看更多精彩内容！

您需要登录才可以下载或查看，没有帐号？立即注册

x

本帖最后由项日感梦于 2022-5-1 16:01 编辑

【论坛表格与索引简述】

要想真正彻底的了解论坛索引，同时，能够独立制作主题索引。就必须要从学习表格入手，学习表格就要了解表格的原理与代码构造，下面就简单的介绍一下，大家大致了解一下即可.

表格不一定每位都要掌握，此教材有些复杂，从代码的角度，来介绍表格一课，是很合理的。希望以后大家在制作表格时，出现问题后，可以在代码模式下找到答案。

表格代码在[wind代码]下显示，当取消[wind代码]时不显示代码，显示表格样式。
再次需要强调的是：代码标签必须有始有终，可嵌套，不可交叉。
正确样式

[url=thread-XXXXXX-1-1.html,red][size=4][font=宋体]xxx[/font][/size][/url]

复制代码

好了。现在先来讲解一下表格的基本属性吧。表格分为表体、行、列三个部分，代码分别为：（因为代码中有些标签使用[]会出错，所以我使用[]来替代）
表体

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

复制代码

　　
这样大家就会很直观的了解表格的整体代码结构，在自己制作3×3或4×5的表格只要自行调整tr和td的数目就可以实现。

（=号后面的两个数字分别表示跨列和跨行数，其中跨列数不能超过最大列数，跨行数不能超过最大行数，否则会出错）
（=号后面的三个数字前两个上面已经提到，第三个是列的宽度，后面不能加单位）
行

[tr][/tr]

复制代码

列

[td][/td]

复制代码

三者的关系分别是列只能嵌套在行中，一行可以嵌套多个列；行只能嵌套在表体中，一个表体可以嵌套多个行；

下面介绍关于表格制作的方法

I. 基本代码与格式

【table】【/table】 —— 表格起止码
【tr】【/tr】 —— 行起止码
【td】【/td】 —— 列起止码

一个基本的表格，是由起止码里嵌套多个行起止码，每行起止码内嵌套多个列起止码构成的，而我们需要输入的文字图片代码则要放在【td】【/td】之间。

比如我们需要制作一个2行2列的表格，代码就是：

【table】
【tr】【td】1【/td】【td】3【/td】【/tr】
【tr】【td】2【/td】【td】4【/td】【/tr】
【/table】

效果就是：

1	3
2	4

这种简单的表格也可以通过发帖框上面的工具栏解决：

II. 表格宽度与背景颜色

【table=**,##】【/table】 —— 表格整体的宽度与颜色设定

**部分填写宽度，可以是百分比（比如50% 100%……），也可以填写数字。##部分填写表格背景颜色，代码等同于16进制颜色代码。中间的逗号请使用半角字符。比如上面那个例子，如果我们需要一个宽度为60%，背景颜色为红色的两行两列表格，代码就是：

【table=60%,red】
【tr】【td】1【/td】【td】3【/td】【/tr】
【tr】【td】2【/td】【td】4【/td】【/tr】
【/table】

效果就是：

1	3
2	4

需要说明的是，宽度与背景颜色的代码不仅可以对整个表格有效，对于单行都是成立的。区别就在于我们把代码写在表格哪个嵌套的后面。还是以上面这个表格为例，如果我们需要改为第一行为黄色的，第二行为红色的两行两列表格，代码就是：

【table=60%】
【tr=yellow】【td】1【/td】【td】3【/td】【/tr】
【tr=red】【td】2【/td】【td】4【/td】【/tr】
【/table】

效果就是：

1	3
2	4

III. 表格的嵌套

DZ表格代码是允许一个表格嵌入到另一个表格中的，这样可以构成一个类似“回”字的表格。需要注意的是内表格的宽度应小于外表格的宽度。比如我们现在需要做一个外表格为宽度500，嵌套两个宽度均为250，分别为红色黄色单一单元格的表格，具体代码为：

【table=500】
【tr】【td】【table=250,red】【tr】【td】1【/td】【/tr】【/table】【/td】【td】【table=250,yellow】【tr】【td】2【/td】【/tr】【/table】【/td】【/tr】
【/table】

效果就是：

1

2

如果大家需要不同单元格有不同的颜色，不妨采用这种方式。

IV. 单元格的合并

所谓单元格的合并，其实就是单个单元格的跨行（跨列）现象。有时候我们需要原本一个单元格占据几个单元格的空间，这个代码就能发挥作用了。为方便描述，我们先做一个宽度60%，三行三列的表格作为样本（大家自己动手写一写代码吧，这个简单的表格就不列出代码直接看效果了）：

1	2	3
4	5	6
7	8	9

下面给出合并单元格的代码：

【td=Y,X】——其中Y代表跨列数，X代表跨行数。

比如我们要把这个三行三列表格的第一行合并为一个单元格，就等于单元格“1”跨了2和3两个单元格但是仍旧是一行。因此就需要将单元格“1”之前的【td】改为【td=3,1】并且删除原有的“2”“3”两个单元格。其效果是：

1
4	5	6
7	8	9

又比如我们要把这个三行三列表格的第一列合并为一个单元格，就等于单元格“1”跨了4和7两个单元格但是仍旧是一列。因此就需要将单元格“1”之前的【td】改为【td=1,3】并且删除原有的“4”“7”两个单元格。其效果是：

1	2	3
	5	6
	8	9

同样的道理，如果我们需要把单元格“2”“3”“5”“6”合并为一个单元格，那就把单元格“2”前面的【td】改为【td=2,2】并且删除原有的“3”“5”“6”单元格就可以了。其效果为：

1	2
4	2
7	8	9

V. 实战演练

【中国】雏鸟的天空～
	【名称】	雏鸟的天空
	【分辨率】	1920 x 800
	【格式】	x264 + AAC
	【大小】	2.0 GB
	【时长】	94 分钟
	【演员】	李凤绪 / 杨小米 / 李金哲 / 邱禹程 / 毛韩奕
	【简介】
		舒兰芝之子舒笛的日子也是一番惊心动魄。而此时一位神秘女子的出现，却与舒笛产生匪夷所思的情感纠葛……
		舒兰芝之子舒笛的日子也是一番惊心动魄。而此时一位神秘女子的出现，却与舒笛产生匪夷所思的情感纠葛……
	【版块】	正规亚洲区
	【官网】	sex8.cc
	（*左图目前为假想图，实际以官方公布的封面为准）

使用excel来制作表格

      其实我觉得大家最常用的应该就是这种了，基本上现在会用电脑的都会用excel表格，所以推荐大家使用excel来做表格然后复制进来。
      首先第一步就是制作一个最简单的表格。
      选择表格后复制，然后粘贴到帖子中，记得要取消右上角的【纯文本】勾选，否则样式就无法复制进来了。

lt978643460 · 发表于 2024-10-11 10:50:30

大概看了下，继续学习

教官流星 · 发表于 2023-11-8 20:46:27

所属板块	管理ID	职务	签到数据	等等	等等	等等
培训考核区	月如长弓	总负责	1
培训考核区	举个栗子	总负责	1
培训考核区	snake0529	总负责	1
培训考核区	ifuk	总负责	1
培训考核区

教官流星 · 发表于 2023-11-1 23:23:33

所属板块	管理ID	职务	签到数据	等等	等等	等等
培训考核区	月如长弓	总负责	1
培训考核区	举个栗子	总负责	1
培训考核区	snake0529	总负责	1
培训考核区	ifuk	总负责	1
培训考核区

教官流星 · 发表于 2023-10-20 22:53:20

教官流星	连续	练习	学习	在不在		结束
1					大家
三天	你好

			学习一下
你们好吗

教官流星 · 发表于 2023-10-20 22:53:04

[table=98%,]
[tr=red][td]教官流星
[/td][td]连续
[/td][td]练习
[/td][td]学习
[/td][td]在不在
[/td][td]睡觉
[/td][td] 结束[/td][/tr]
[tr][td] 1[/td][td] [/td][td] [/td][td] [/td][td] [/td][td]大家
[/td][td] [/td][/tr]
[tr][td] 三天[/td][td] 你好[/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][/tr]
[tr][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][/tr]
[tr][td] [/td][td] [/td][td] [/td][td] 学习一下[/td][td] [/td][td] [/td][td] [/td][/tr]
[tr][td] 你们好吗[/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][/tr]
[/table]

教官流星 · 发表于 2023-10-20 22:51:43

[table=80%,]
[tr][td]教官流星
[/td][td]连续
[/td][td]练习
[/td][td]学习
[/td][td]在不在
[/td][td] 睡
[/td][td] 结束[/td][/tr]
[tr=red][td] 1[/td][td] [/td][td] [/td][td] [/td][td] [/td][td]大家
[/td][td] [/td][/tr]
[tr=yellow][td] [/tr]
[tr][td] [/td][td] [/td][td] [/td][td] 学习一下[/td][td] [/td][td] [/td][td] [/td][/tr]
[tr=red][td] 你们好吗[/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][/tr]
[/table]

教官流星 · 发表于 2023-10-20 22:40:19

[table=80%,]
[tr][td]教官流星
[/td][td]连续
[/td][td]练习
[/td][td]学习
[/td][td]在不在
[/td][td] 睡
[/td][td] 结束[/td][/tr]
[tr=red][td] 1[/td][td] [/td][td] [/td][td] [/td][td] [/td][td]大家
[/td][td] [/td][/tr]
[tr=yellow][td] 三天[/td][td] 你好[/td][td] [/td][td] [/td][td]不错 [/td][td] [/td][td] [/td][/tr]
[tr][td] [/td][/tr]
[tr][td] [/td][td] [/td][td] [/td][td] 学习一下[/td][td] [/td][td] [/td][td] [/td][/tr]
[tr=red][td] 你们好吗[/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][td] [/td][/tr]
[/table]

教官流星 · 发表于 2023-10-20 22:34:53

教官流星	连续	练习	学习	在不在	我在练习	结束
1	大家	好
三天	你好
睡觉
在吗			学习一下
你们好吗

教官流星 · 发表于 2023-10-20 22:29:51

教官流星	连续	练习	学习	在不在		结束
1					大家
三天	你好

			学习一下
你们好吗

教官流星 · 发表于 2023-10-20 22:05:02

帐号		自动登录	找回密码
密码			立即注册

选择推广文案

【教材直通车】论坛表格与索引简述

杏吧有你，春暖花开！马上注册，看更多精彩内容！

伯乐之星

管理之星

金点子

终身荣誉

活动冠军

建设巨匠

玄铁会员

青铜会员

白银会员

每日签到能随机获得积分，积分在手天下我有！

快速升级！解锁版区，杏吧旗下APP资源点播，免费看更多的帖子！

选择推广文案

【教材直通车】 论坛表格与索引简述

杏吧有你，春暖花开！马上注册，看更多精彩内容！

伯乐之星

管理之星

金点子

终身荣誉

活动冠军

建设巨匠

玄铁会员

青铜会员

白银会员

每日签到能随机获得积分，积分在手天下我有！

快速升级！解锁版区，杏吧旗下APP资源点播，免费看更多的帖子！

【教材直通车】论坛表格与索引简述