《冒险岛》【心得】教你如何在巴哈熟润使用表格介绍！-气泡游戏网

前言：

有鉴于巴哈表格难用！

无法"直觉式"的调整 (这句话好像那个谁说过 ... )

且多数攻略、心得文也时常会在巴哈利用表格去彙整资讯，

(例如个人整理得全职业列表文章：新手百态 - 职业选择 (表格于文中位置))

让巴友能更直白了解内容，不会"眼花撩乱" (咦 ... 这句..)

因此，个人花了"庞大的时间"，

来撰写此篇：

【心得】教你如何在巴哈熟润使用表格介绍！

这篇会教大家怎幺透过修改原始码，来让表格产生自己想要的变化

【基础篇】

在基础篇中，会先让大家先了解表格对应程式码的内容是什幺！！

首先，可以先随意找一篇文章回覆，把内容全清光乾净后！

开始以下的操作教学

：

可以自行创建一个表格，请点击于右上方表格的图示：建立表格↗

会出现视窗：【插入表格】设定表格栏列数、宽度、高度等，直接按确定

插入好后，表格会如下所示：

接着，请切换到万恶的原始码 ...

请找出如下图反白的那段，并将其整理！

P.S.：发现还有其他有的没的一堆程式码找不到吗 ...

(看吧 .. 前面就说要完整乾净才建立表格

赶快去所见所得页籤删到只留下表格！ )

请把那些原始码整理成容易了解！读懂阶层式的样子如下：

接着，看着图下了解一下程式码代表的意思噜 !! (图片点击放"超大")：

参数调整细部介绍与差异比较：

【Width】表格宽度

调整10%：

调整98% (预设)：

【Cellspacing】表格外框间距

cellspacing = 0：

cellspacing = 9：

【Cellspacing】表格内距

cellpadding = 1 (预设)：

＊预设为1，应该是刚创表格的样子啊？怎幺会是这又乾又扁的表格

＊别怀疑~ 刚创建表格不会乾扁，是因为要给你输入文字，

＊当你没输入文字从原始码再切回所见所得，就会如上那个样子了。

cellpadding = 9：

【Border】表格边框

Border = 0：

Border = 5：

到了这边！！恭喜你从【基础篇】毕业噜！！

你已经学会怎幺看表格的语法及自行设定参数来改变表格外观噜~！

程式码可以複製起来~不用每次整理唷！！

[table width=98% cellspacing=1 cellpadding=1 border=1]

[tr]

[td][/td]

[/tr]

[tr]

[td][/td]

[/tr]

[tr]

[td][/td]

[/tr]

[/table]

(什幺 ... ！我上面不就白自己浪费一堆时间整理了！！

)

嘿嘿！总要自己尝试一次噜！

接下来 ... 进阶篇！

【进阶篇】

在基础篇中，大家应该对表格原始码有基础的了解~

进阶篇中，我们会开始有一些多样的变化唷！

【合併横向储存格-colspan】

常常会遇到想要有表格Title的效果：

【神之子 Zero】

神之子
男	女
搞笑	搞怪

该怎幺做呢？

来，请看VCR！

【合併横向储存格-colspan解析】

从VCR中可以看到，

colspan可以操控：这个一栏位储存格，要横向跨越佔据几格

也就是说，我们将第一列中的第一栏设定：

colspan = 2：即是设定第一个储存格横向跨越佔两格

设定完会变成这样，为什幺呢？

注意，仔细看程式码：

[table width=98% cellspacing=1 cellpadding=1 border=1]

[tr]

[td colspan=2][/td]

[td][/td]

[/tr]

程式码中：

『 [td colspan=2][/td] 』的下方还多一个：『 [td][/td] 』

当你设定第一格已经「横向跨越两行」，

下面又多打一次才又会多一栏储存格出来，删掉就会是正确的噜！

最后在所见及所得中，打上文字并反白倒下表格颜色~

完美的表格Title就完成噜！！

【合併直向储存格-rowspan】

更多时后，我们会想要一个侧边的合併储存格

来当作一个"群集"的感觉：

【枫叶英雄】

英雄团	精灵游侠 (Mercedes)	夜光 (Luminous)
	狂狼勇士 (Aran)	龙魔导士 (Evan)
	幻影侠盗 (Phantom)	隐月 (EunWol)

＊枫叶英雄回归！一定要上相一下啦~~!

＊英文开头合起来刚好是 MAPLE ！

枫之谷 (Maple Stroy)

这样的群集合併第一栏该怎幺做呢？

Go，VCR放映！

【合併直向储存格-rowspan解析】

从VCR中可以看到，

rowspan可以操控：这个一栏位储存格，要直向跨越佔据几格

也就是说，我们将第一列中的第一栏设定：

rowspan = 3：即是设定第一个储存格直向跨越佔三格

设定完会变成这样，Why？

＊右上怎幺缺角了！假的。全是业障。

在我们平时用Word理解应该会是：

反白一整直栏 → 合併储存格 → 完成

并不会有最右上栏缺一角的情况产生！

但是在巴哈中，他是这样子 ...

来人！请上菜！

原本的表格为：三列 (横向)、二栏 (直向)

由于我们要将第一储存格跨越成直向三格，

所以巴哈系统的理解是：

[table width=98% cellspacing=1 cellpadding=1 border=1]

[tr]

[td rowspan=3][/td]

[td][/td]

[/tr]

[tr]

[td][/td]

[/tr]

[tr]

[td][/td]

[/tr]

[/table]

程式码中：

【第一列横栏位[tr][/tr]中】

把第一栏[td][/td]的储存格往下跨越三格 (rowspan=3)，

之后跟平常一般，在右边第二栏建置第二格

【第二列横栏位[tr][/tr]中】

因为第二列的第一栏，被第一列第一栏储存格直向佔据三格 (如上面)

所以从第二栏开始，往右依照程式：

[td][/td]

从第二栏开始才建置两格

【第三列横栏位[tr][/tr]中】

以第二列为类退，一样意思。

再上一次图，给予理解：

＊colspan & rowspan 可能要很冷静去想表格设定样式的结果，如果怕麻烦的话 ...

＊可以用预览文章看看，有少哪格，就依照第几列第几栏去追增！有多就把那格删掉！

到了这边！！恭喜你从【进阶篇】毕业噜！！

你已经学会怎幺去合併直向、横向的储存格~！

程式码可以複製起来~才不会打错字唷！！

[tr]

[td colspan=?][/td]

[td rowspan=?][/td]

[/tr]

(我自己在实录gif动态图狂打错字.... 两个gif都拍了1X次

)

就当作是 .... 熟能生巧！

接下来 ... ~~精灵宝可梦~~【大师篇】！

【大师篇】

储存格直行合併又想要横向合併，这类複杂表格 ...

该怎幺做到呢 ?

新枫之谷全职业
	Lv.70		LV.120		LV.210
英雄团	幻影	爆击机率+10%	幻影	爆击机率+15%	幻影	爆击机率+20%

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　To Be Continue ...

【水水篇】

只是乾愣愣的表格 ... 该如何变得颜色好看又美且排版乾净俐落呢 ?

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　To Be Continue ...

【作业：心得报告】 - 50% & 50%

请试着做一遍文中介绍的两大 【神之子 Zero】、【枫叶英雄】表格

并根据学成果，回顾在过程中所收穫的心得以及感想

记录下来製成心得报告，当作未来学笔记。

【神之子 Zero】

神之子
男	女
搞笑	搞怪

【枫叶英雄】

英雄团	精灵游侠 (Mercedes)	夜光 (Luminous)
	狂狼勇士 (Aran)	龙魔导士 (Evan)
	幻影侠盗 (Phantom)	隐月 (EunWol)