本站发帖table表格制作技巧（制作教程目录必备知识）

制作教程目录常用表格代码（强烈推荐）

1. table表格在本站主要用于制作教程目录，而最简单和兼容性最广的方式是重复使用以下代码中间的两行代码，第1、4行代码不需要动，仅按需分别复制中间的两行代码即可，如下
   
2. [align=center][table=98%]
   
3. [tr=#339999][td=2,1]一级总标题或二级标题[/td][/tr]
   
4. [tr][td]三级标题[/td][td]视频链接[/td][/tr]
   
5. [/table][/align]

复制代码

用以上中间的两行代码复制多次实现的效果图（点此查看范例）


效果图中的字号、加粗、颜色、超级链接、居中等设置可以用编辑器自带功能设置，选中文字，然后选择编辑器相应功能执行即可，请复制以上代码在发帖“训练场”进行测试。考虑到大部分会员没接触过代码，可能难以理解，请看以下视频演示。

视频教程，待制作中。。。

配合以上视频的代码附件： 表格制作代码.txt (630 Bytes, 下载次数: 6)

2023-4-5 21:31 上传

点击文件名下载附件
表格制作代码，请下载，以后经常会用到

以上内容基本够用，如果你想制作更复杂的表格请继续（没代码常识的人不建议烧脑）

以下是快速创建表格的说明

1. “[tr=颜色]” 定义行背景
   
2. “[td=宽度]” 定义列宽
   
3. “[td=列跨度,行跨度,宽度]” 定义行列跨度
   
4. 
   
5. 快速书写表格范例：
   
6. 
   
7. [table]
   
8. Name:|Discuz!
   
9. Version:|X1
   
10. [/table]
    
11. 用“|”分隔每一列，表格中如有“|”用“\|”代替，换行用“\n”代替。

复制代码

上条如果看不懂，下面是常人思维较详细的创建表格教程

1. [table=98%]
   
2. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
3. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
4. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
5. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
6. [/table]
   
7. 上面是4行4列的表格代码，下面分解进行介绍怎么使用。
   
8. 
   
9. 其中以[table=98%]开头，以[/table]结尾的是一个表格基本属性，也就是告诉系统我是个表格，必须在整个代码的头尾存在，其中98%是指随页面宽度的98%宽。
   
10. 
    
11. 上方第二行代码：其中以[tr]开头，以[/tr]结束代表一行，其中以[td]开头，以[/td]结束的代表是一列，行代码在一行里只能有一组，而列可以有多组且必须在行代码中间。所有代码都是有头有尾的一组才是一个完整的命令。现在我们温习一下，[table=98%][/table]这一组是一个表格，[tr][/tr]这一组是一行，[td][/td]这一组是一列，所有表格样式均由这三组代码组成。
    
12. 
    
13. 下面是4行4列代码
    
14. [table=98%]
    
15. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
    
16. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
    
17. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
    
18. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
    
19. [/table]

复制代码

上方代码效果图

01

1. 例如你想把第一行的1和2列单元格合并为1一个单元格，需要将第1行的第2列代码删除（[td]内容[/td]），然后在第1行第1列的开头代码里输入=2,1，也就是告诉第1行第1列代码你需要占用2列的位置，代码如下
   
2. [table=98%]
   
3. [tr][td=2,1]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
4. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
5. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
6. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
7. [/table]

复制代码

上方代码效果图

02

1. 又如你想把第1列的第1行和第2行合并为一个单元格，需要删除第2行的第1列代码，然后在第1行的第1列开头代码里输入=1,2，也就是告诉第1行的第1列代码你要占用2行的位置，代码如下
   
2. [table=98%]
   
3. [tr][td=1,2]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
4. [tr][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
5. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
6. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
7. [/table]

复制代码

上方代码效果图

03

以此类推，你可以合并任何单元格，制作出复杂的表格，列和行自己随便加多少都行，你也可以输入=3,1 或 =5,1 随便在任何位置合并几个列行均可以，发挥你的想象力吧？

1. 另外也可以给表格添加一些属性：
   
2. 让一整列固定宽度：在某列最上端的列单元格代码里输入=100即可，例如下图中最后一列[td=100]
   
3. 一整行加底色：在行的开头代码里输入颜色代码 [tr=#339999] 其中#339999可以自己输入颜色值，一般用于总标题
   
4. 让整个表格在帖子内居中显示：在表格所有代码最前面添加[align=center]，在所有代码最后面添加[/align]，代码如下
   
5. [align=center][table=98%]
   
6. [tr=#339999][td]内容[/td][td]内容[/td][td]内容[/td][td=100]内容[/td][/tr]
   
7. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
8. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
9. [tr][td]内容[/td][td]内容[/td][td]内容[/td][td]内容[/td][/tr]
   
10. [/table][/align]

复制代码

上方代码效果图

04

如果有会员制作出优秀的表格教程目录，拿出来秀一秀，我会给门票奖励哦。。。