本站发帖table表格制作技巧(制作教程目录必备知识)
制作教程目录常用表格代码(强烈推荐)table表格在本站主要用于制作教程目录,而最简单和兼容性最广的方式是重复使用以下代码中间的两行代码,第1、4行代码不需要动,仅按需分别复制中间的两行代码即可,如下
一级总标题或二级标题
三级标题视频链接
用以上中间的两行代码复制多次实现的效果图(点此查看范例)
效果图中的字号、加粗、颜色、超级链接、居中等设置可以用编辑器自带功能设置,选中文字,然后选择编辑器相应功能执行即可,请复制以上代码在发帖“训练场”进行测试。考虑到大部分会员没接触过代码,可能难以理解,请看以下视频演示。
视频教程,待制作中。。。
配合以上视频的代码附件:
static/image/hrline/2.gif
以上内容基本够用,如果你想制作更复杂的表格请继续(没代码常识的人不建议烧脑)
以下是快速创建表格的说明
“” 定义行背景
“” 定义列宽
“” 定义行列跨度
快速书写表格范例:
Name:|Discuz!
Version:|X1
用“|”分隔每一列,表格中如有“|”用“\|”代替,换行用“\n”代替。
上条如果看不懂,下面是常人思维较详细的创建表格教程
内容内容内容内容
内容内容内容内容
内容内容内容内容
内容内容内容内容
上面是4行4列的表格代码,下面分解进行介绍怎么使用。
其中以开头,以结尾的是一个表格基本属性,也就是告诉系统我是个表格,必须在整个代码的头尾存在,其中98%是指随页面宽度的98%宽。
上方第二行代码:其中以开头,以结束代表一行,其中以开头,以结束的代表是一列,行代码在一行里只能有一组,而列可以有多组且必须在行代码中间。所有代码都是有头有尾的一组才是一个完整的命令。现在我们温习一下,这一组是一个表格,这一组是一行,这一组是一列,所有表格样式均由这三组代码组成。
下面是4行4列代码
内容内容内容内容
内容内容内容内容
内容内容内容内容
内容内容内容内容
上方代码效果图
例如你想把第一行的1和2列单元格合并为1一个单元格,需要将第1行的第2列代码删除(内容),然后在第1行第1列的开头代码里输入=2,1,也就是告诉第1行第1列代码你需要占用2列的位置,代码如下
内容内容内容
内容内容内容内容
内容内容内容内容
内容内容内容内容
上方代码效果图
又如你想把第1列的第1行和第2行合并为一个单元格,需要删除第2行的第1列代码,然后在第1行的第1列开头代码里输入=1,2,也就是告诉第1行的第1列代码你要占用2行的位置,代码如下
内容内容内容内容
内容内容内容
内容内容内容内容
内容内容内容内容
上方代码效果图
以此类推,你可以合并任何单元格,制作出复杂的表格,列和行自己随便加多少都行,你也可以输入=3,1 或 =5,1 随便在任何位置合并几个列行均可以,发挥你的想象力吧?
另外也可以给表格添加一些属性:
让一整列固定宽度:在某列最上端的列单元格代码里输入=100即可,例如下图中最后一列
一整行加底色:在行的开头代码里输入颜色代码 其中#339999可以自己输入颜色值,一般用于总标题
让整个表格在帖子内居中显示:在表格所有代码最前面添加,在所有代码最后面添加,代码如下
内容内容内容内容
内容内容内容内容
内容内容内容内容
内容内容内容内容
上方代码效果图
如果有会员制作出优秀的表格教程目录,拿出来秀一秀,我会给门票奖励哦。。。{:tongue:}
页:
[1]