马上注册,阅读更多内容,享用更多功能!
您需要 登录 才可以下载或查看,没有账号?立即注册
×
以上表格在手机版上均不起作用。
所以表格需要制作成为图片。
表1 课程表
食物名称 | 材料 | 调料 | 备注 | 梅干菜扣肉 | 五花肉 | 老抽 | 梅干菜需要提前泡,再沥干使用;如果不喜欢肉颜色深,可以少放点老抽。 | 梅干菜 | 生抽
| 生姜
| 冰糖 | 香葱 | 料酒 |
表2 课程表
| | | | | | | | | 备注:在北京游玩建议乘坐地铁,物美价廉,极其方便。1-13号线,价格便宜,到处可转,四通八达。 |
表3 课程表
表4 课程表
2018-2019学年度上学期期末考试时间安排 | 日期 | 时间
| 学科
| 1月16日
| 上午 | 9:00-11:30 | 英语 | 下午 | 2:30-4:30 | 数学 | 1月17日 | 上午 | 9:00—11:30 | 语文 | 下午 | 2:30-3:10 | 思想品德 | 3:30-5:00 | 物理 |
表5 课程表 宝宝一日营养食谱安排 | 早餐 | 葱油卷 | 冬季幼儿容易产生饥饿感,可多添加高热量高蛋白的事物;注意营养均衡即可 | 小米南瓜粥 | 午餐 | 糖醋排骨 | 白菜豆腐
| 晚餐 | 八宝粥
| 肉包 |
一、最简单的一个一列一行的表格
说明:
1、table后面的数字代表表格宽度,单位为px,300即是300px,论坛默认是使用百分比,table=50%;倩女幽魂论坛最大支持宽度为560,超过这个像素,会默认编辑成98%,具体的大小大家凭自己的爱好看吧,两种都是可行的。如果需要表格贴合图片大小的时候,可以采用px;(论坛编辑时强烈建议使用百分比控制大小!否则手机上查看会显示不完全!)
2、red或者#ff0000,都代表表格背景色。第一种为16进制表示方式,说白了就是颜色的英文;第二种为RGB颜色表达,颜色代码对照表见4楼,使用的时候建议勾选发帖选项的禁用表情,否则容易导致乱码;
3、所有的代码都是对称的,有[table ]必须有[/table ],有[tr ]肯定有[/tr ],如果没有,你的代码肯定有问题……返回去检查错误代码是一件很悲剧的事情!眼睛会瞎真的- -
| | | | | | | | | | | | | | | | | | | | | | | | | |
| 221(67) | |
| 口腔炎 | | |
| 28(8) |
| | | | |
| 43(13) | |
| 食欲下降 | | |
| 34(10) | |
| 恶心 | | |
| 24(7) | |
| 甲沟炎 | | |
| 14(4) | |
| 瘙痒 | | |
| 36(11) |
| | | | |
| 34(10) |
| | | | |
| 10(3) | |
|
二、表格的行、列插入
行、列是表格中最重要的组成成分,先举几个例子,大家自己看下区别!
两行的表格
两列的表格
两列两行的表格
表格内容xxx | 表格内容yyy | 表格内容xxx | 表格内容yyy |
表格内容xxx | 表格内容yyy | 表格内容xxx | 表格内容yyy |
说明:
以下添加仅仅针对简单的,行列一致的表格,如果你第一行有1列,第二行有3列,那么就不能简单的添加下面的代码了!这种复杂的请查看3楼。
1、行代码[tr ][/tr ],列代码[td ][/td ]
2、表格添加行 即添加代码[tr ][td ]此处内容[/td ][/tr ];
3、表格添加列 即添加代码[td ]此处内容[/td ] (此处容易出错,请要记住,表格有行有列,tr、td缺少任一均是错的![td ][/td ]添加的位置是在[/ td]与[/ tr]之间的!);
三、简单的回型表格套用
两层表格套用,即回形表格。有时候为了让一个帖子表现不同的颜色,有一层好看的复合自己要求的宽度,会选择表格套表格的模式来进行表达。
宽度表达为px样式套用
宽度表达为百分比样式套用
说明:
这里有几个重点,特别是百分比表示的套用.
1、建议一个帖子内统一宽度的表达,用px则都用px,用百分比都用百分比,不要第一层是table=98%,第二层就变成了table=700,效果会很惨烈的;
2、宽度表达为px的套用,建议外面的表格要比里面的宽,否则效果就不好看了。我的样式是里面的比外面的小20,具体的可以自由发挥;
3、宽度表达为百分比的话,如果第一层是80%,那么第二层的90%是针对第一层的80%来计算的。如果你论坛整个宽1000px,第一层你选择了80%,第二层选择60%,你实际得到的效果是第一层800px,第二层1000x80%x60%=480px 而不是你预想的600px!这个是注意下!
DZ代码(表格代码)较复杂表格示例说明
[tr ]代码属性为行,[td ]代码属性为列。(竖为列,横为行。)
一、表格的行属性[tr ]——定义颜色
[tr ]代码属性为行,他定义的就是此行的颜色![tr=red ] 代表此行为红色。如果行定义了颜色,那么之前在table中定义的颜色就会在此行失效。
此行单独定义了颜色 | 此行单独定义了颜色 | 33 | 44 | 55 | 66 |
此行单独定义了颜色 | 此行单独定义了颜色 | 33 | 44 | 55 | 66 |
说明:
其实很简单的,一个表格只有两个地方可以定义颜色,[table=大小,颜色] ,[tr=颜色]。就很容易记住了!不过注意颜色代码别写错~
二、表格的列属性[td ]——定义列宽与合并单元格
1、[td=60 ]或者 [td=10% ]定义列宽!
定义列宽一般是方便展示内容上每列都可以自定义宽度。方便调节。如果有多行,只需要定义第一行的列宽,后面的行数就会跟着统一的!
有定义列宽
作者 | 板块 | 标题 | 猫尾巴 | 主讨论区 | 新倩女幽魂你是我的小苹果你是我的小苹果 你是我的小苹果 | 猫尾巴 | 主讨论区 | 新倩女幽魂你是我的小苹果你是我的小苹果 你是我的小苹果 |
作者 | 板块 | 标题 | 猫尾巴 | 主讨论区 | 新倩女幽魂你是我的小苹果你是我的小苹果 你是我的小苹果 | 猫尾巴 | 主讨论区 | 新倩女幽魂你是我的小苹果你是我的小苹果 你是我的小苹果 |
未定义列宽
作者 | 板块 | 标题 | 猫尾巴 | 主讨论区 | 新倩女幽魂你是我的小苹果你是我的小苹果 你是我的小苹果 | 猫尾巴 | 主讨论区 | 新倩女幽魂你是我的小苹果你是我的小苹果 你是我的小苹果 |
作者 | 板块 | 标题 | 猫尾巴 | 主讨论区 | 新倩女幽魂你是我的小苹果你是我的小苹果 你是我的小苹果 | 猫尾巴 | 主讨论区 | 新倩女幽魂你是我的小苹果你是我的小苹果 你是我的小苹果 |
前方高能预警,看晕了别怪我……虽然我也晕的差不多了
2、[td=2,1 ]表示:合并此行的2个单元格。文字不清楚,来看范例。
这里需要注意的是假如我这行本来有3个单元格,也就是说应该有三个[td ][/td ],但是我合并了2个单元格,那么最终的代码应该只有2个[td ][/td ]!如果还写着3个。就会出现bug。
bug示例(你会发现你的第一行多了一个格子凸出来!此时,只需要删掉一个[td ][/td ]就能恢复正常了!)
类推,可以知道[td=3,1 ] [td=4,1 ] 分别为合并此行3个单元格以及 合并此行4个单元格,当然,前提是你此行的单元格不少于你要合并的格数。详细可以自己尝试。
3、[td=1,2 ] 合并两行的第一列单元格
合并两行的第一列单元格11 | 12 | 13 | 22 | 23 | 31 | 32 | 33 |
合并两行的第一列单元格11 | 12 | 13 | 22 | 23 | 31 | 32 | 33 |
同样需要注意,既然两列的第一行都被合并了,第一列有一个[td=2,1 ][/td ]那么第二列就应该少一个[td ][/td ]。(绕晕了吗。还是自己研究吧,只能说的这么清楚了!自己对比下代码的却别!)
5.合并表格
第一行第一格与第二行第一格合并 | 第一行第二格 | 第二行第二格 |
第一行第一格与第二行第一格合并 | 第一行第二格 | 第二行第二格 | tr为行,td为列,你也可以 [tr=1,2] 来合并第一行第一列和第一行第二列
具体做法还是按照个人喜好和实际情况来操作
6.在表格里设置行的背景颜色
第一列填充色为黑色 | 第二列第一格填充色为黑色 | 第二列第二格填充色为紫色 | 第二列第三格填充色为绿色 |
第一列填充色为黑色 | 第二列第一格填充色为黑色 | 第二列第二格填充色为紫色 | 第二列第三格填充色为绿色 |
|