用戶:Momo bly dblk/師匠的表格教學

說在前面的話

嘛= =表格還是比較簡單的一個東西，我會儘量用比較簡潔的語言說明白的2333以前曾越教越複雜GG思密達 2016年3月29日 09:48:56——巡查姬大天使（討論）

課程

3月29日

3月29日的內容

首先第一堂課，我們來認識表格是怎麼構成的 在wiki中，不管你要用什麼語法，都需要用一個抬頭和結尾將內容框起來 不這麼做的話系統無法辨別 因此，如果你想要寫一個表格，首先就需要抬頭 而表格的抬頭，分為兩種： 單框類 舉例： × 1 2 3 1 1 2 3 2 2 4 6 3 3 6 9 似乎單框的抬頭一定要添加格式，不然的話表格不知道為什麼不顯示........ 雙框類 舉例： 雙框 單框類的抬頭為： {|class="wikitable" 而雙框的抬頭為： {| border=1 注：雙框類的表格，你可以調整外框的粗細像素 如：把{| border=1改成{| border=5，我們就會得到： GG思密達 下面將開始簡單的講述表格的構成 構成 想要構成表格，單單有表格是不行的，必須要有內容 我們都知道，Excel的是由一個又一個的的單元格構成的 那麼我們在Wiki中，要怎樣構成一個單元格呢？ 其實很簡單 在你要寫的內容前面加上一個「|」就可以了！ 注：下面將用雙框來舉例，單框是同理的 如果你想要在你的表格中加入內容 那麼，首先，先寫一個抬頭{| border=1 然後，換行 表格的換行可不是簡單的敲回車就行了，而是有一個特定的符號「|-」 這個符號是由單元格符號「|」和鍵盤等於號旁邊的破折號「-」形成的 注意：在wiki語法中必須使用英文半角符號這個你應該是懂的，不過還是多嘴一句233 那麼，現在我們的表格就寫好了下面這樣的代碼： {| border=1 |- 寫好了這個之後，回車，打上「|」，然後就是你要寫的內容就可以了！ 注：有些表格編寫者喜歡在「|」後面空一個空格，其實空跟不空沒有區別，只是空了一個如果發現寫錯了方便查找一點，有排版不凌亂 寫完你的內容以後，我們的表格就有了下面這樣的代碼： {| border=1 |- | 1234567 接下來，我們還需要做一件事，才能完成表格。 那就是，用一個結束框「|}」將你的表格框起來！ 寫完之後，代碼就是這樣的： {| border=1 |- | 1234567 |} 然後點預覽，你就會發現：表格已經寫好了！ 1234567 以上，便是表格最基礎的構成，這兩個抬頭你只需要保存起來，需要的時候覆制就可以了，不需要去記 需要記的東西：用「|」寫單元格，用「|-」換行 基本上就是這樣子，嗯 2016年3月29日 10:21:25——巡查姬大天使（討論） 課外輔導班 關於表格的排版 首先要記住記住記住（重三） 每一列中最長的單元格決定了該列的長度！ 所以不注意排版的話極有可能會出現以下情況： 1234567 3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253... 啊還有 如果你想要單元格橫着排列，就如下： |單元格||單元格||單元格 or |單元格 |單元格 |單元格 就會成為這樣 1234567 1234567 1234567 2016年3月29日 13:01:26——巡查姬大天使（討論）

3月30日

3月30日的內容

昨天的關於表格的建立相信你已經了解了 那麼，今天我們就來玩點高端點的玩法～ 首先，我們先寫出一個3x3的表格 德 瑪 西 亞 ， 無 可 匹 敵 然後呢，今天需要你記住的有兩個參數 colspan rowspan 我是英語盲啦= =都是死記硬背的，不知道是不是英語單詞就是這個意思 colspan=列合併 rowspan=行合併 如果我們給上面的表格中某一個單元格添加了這些參數 那麼會變成什麼樣？ 舉例子： 給德字添加colspan參數，合併列數設為3吧，那麼就會變成 德 瑪 西 亞 ， 無 可 匹 敵 所以說，表格真是排版用的好東西呢！ 岔戲了岔戲了= = 如果你想要給單元格設置合併，那麼應該這麼寫 {| border=1 |- | colspan=3 | 德 || 玛 || 西 |- | 亚 || ， || 无 |- | 可 || 匹 || 敌 |} 也就是說，你必須要在想合併的單元格前面，加上一個參數，然後用一個「|」框起來，之後才能寫內容 以後要教你的添加格式也是一樣的道理，你想添加格式的單元格必須框起來 當然，rowspan也是一樣的 {| border=1 |- | rowspan=3 | 德 || 玛 || 西 |- | 亚 || ， || 无 |- | 可 || 匹 || 敌 |} 德 瑪 西 亞 ， 無 可 匹 敵 所以，如果你想要用好colspan和rowspan，你必須參照你表格的大小改動數字，才能達成完美排版 排版成功的案例就是User:Momo_bly_dblk/sandbox1了 當然，如果排錯了就可能變成萌百破壞指南第49條的案例 以上就是今天的內容，嗯，我想想還有什麼可以補充的等會寫在課外輔導233 2016年3月30日 11:09:08大天使 is watching you呼叫苦力

3月31日

今天好忙好忙還忙= =明天再給你寫了——巡查姬大天使-Is watching you- 2016年3月31日 (四) 22:09 (CST)

4月4日

斷了這麼久真是不好意思OTL！！！重新開課

4月4日的內容

咳，上節課說到哪啦？ 噢對了，行列合併 那麼今天就讓我們來學學怎麼利用前面的知識來排版吧！ 首先寫出一個表格 這裡是深色 這裡想弄成淺色 怎麼辦呢？ 這裡淺色 這裡反而要深色 到底怎麼辦？ 一共有兩種辦法 1.為單元格添加style="background:white"，但是這樣子會特別的不自然，就像這樣： 這裡是深色 這裡想弄成淺色 怎麼辦呢？ 這裡淺色 這裡反而要深色 到底怎麼辦？ 那麼有沒有別的辦法讓他淺下來呢？答案是有的 2.讓我們回憶一下，在第一節課中，我們提到了什麼 回憶 如果你想要單元格橫着排列，就如下： |單元格||單元格||單元格 or |單元格 |單元格 |單元格 那麼這時候，問題就來了。 已知單元格橫着排列的方式，以及「!」=深色單元格，「|」=淺色單元格，那麼 該怎麼讓橫排的單元格不同底色？ 答案是： !單元格 |單元格 |單元格 是的沒錯，就是使用錯行的辦法，改變表示單元格的符號 按上面這行去打的話，那麼表格就會變成這樣： 這裡是深色 這裡想弄成淺色 怎麼辦呢？ 這裡淺色 這裡反而要深色 到底怎麼辦？ 就是這樣的簡單，所以，表格其實一點都不複雜，只要知道格式，直接生搬硬套都能套出一個漂亮的表格 前提是排版正確 好的，那麼以上就是今天的第一個內容~~~~ 第二個內容其實很少也很簡單 那就是，如果單元格留空，那麼排版會怎麼樣？ 首先我們來寫一個兩行的代碼，第二列留空： 1234 5678 8765 4321 可以發現，留空了就只有短短的一點點，表示單元格的存在 在rowspan和colspan的格式下，會變成一個長條，這時候就很尷尬了 因此，單元格儘量要有內容，留白的話就很尷尬了 但是，話也不能說絕 我們可以用留白的特殊性，來達成一個小小的排版，就象這樣： 1234 5678 8765 4321 甚至是這樣 1234 5678 8765 4321 這個表格有點小，達不到那種效果，而且本來colspan的格式下留空也是跟rowspan一樣的，不知道為什麼變寬了 嘛，基本就是這樣咯，留空的單元格就會變成一小條，平時注意一下就好咯 附完美運用案例：師匠寫的備忘錄v2.0版本 ——巡查姬大天使-Is watching you- 2016年4月4日 (一) 01:46 (CST)

4月5日

4月5日的內容

不出意外的話，今天的內容應該是最後一部分了 撒，廢話不多說，大天使表格課堂開課啦～ 今天要講的，就是關於單元格格式的設置 前面也稍微有跟你提到了一些，今天就集中的來講一下 如果你想要給一個單元格添加格式 那麼，你應該和行列合併一樣，在單元格前添加「style=""|」的代碼，就像這樣： | style="background:black" | 单元格 那麼，你所設定的格式就會應用到所對應的單元格 如果想要行的單元格都要應用統一格式的話怎麼辦呢？ 難道要每個單元格都添加格式嗎？ 錯了 想要正行單元格都應用同一個格式的話，你需要做的是 在你想應用格式的那一行單元格上的「|-」處，將格式添加上去，具體如： |-style="background:black" |單元格||單元格||單元格 這樣子的話，整行的單元格就都會應用到同一個格式 當然，如果你想要把格式應用到整個表格的話，就應該把格式添加到抬頭裡了，就象這樣： {|class="wikitable" style="background:black" 這樣的話，整個表格就都統一一個格式啦！ 然後呢，具體能在表格里添加的格式類型，我之前給你的那個備忘錄里差不多都寫齊了 嗯......應該沒什麼落下的了 那麼，如果你看到這裡的話呢，那就恭喜你 畢 業 啦 誒不不不不，等等等等，這時候你應該寫一個表格，作為畢業作業提交 要求： 一個單框表格，不少於10行、5列 合併行不得少於5次，具體怎麼合併可自行分配 合併列不得少於3次，分配同上 表格整體文字居中對齊 完美排版，不缺格，不多格 內容可以自定義 提交時間：什麼時候寫好什麼時候交 等你畢業作業交上來，沒有任何問題的時候，就恭喜你，出師啦～～ 撒花～ 撒花～ ——巡查姬大天使- Is watching you - 2016年4月5日 (二) 10:56 (CST)

提問版

3/29

3月29號
所以說是不是不加|-就在一行里一直持續下去？ --~~~~ 嗯怎麼說呢.....應該說能用同一行寫完的就不要換行，以免很亂到時找不到還有簽名不能簽在poem里233——巡查姬大天使（討論） 2016年3月29日 (二) 12:46 (CST)

3/30

那麼如何定義單元格的長寬呢？gg思密達又是什麼鬼啦

--在地獄中沉浮的巡查基+去污粉のMomo bly dblk（討論） 2016年3月30日 (三) 23:18 (CST)

一般是按單元格最長的一列來算的，如果你想強制規定格式的話，可以用style="width:多少多少px;height:多少多少px;"來規定，其中width=寬度，height=高度，和colspan、rowspan一樣必須在單元格內容前面用「|」框起來——巡查姬大天使-Is watching you- 2016年3月30日 (三) 23:45 (CST)

這樣就會出現一個hin有趣的問題。當我設置寬度為100px時，用colspan=2後單元格寬度是多少呢？--在地獄中沉浮的巡查基+去污粉のMomo bly dblk（討論） 2016年3月31日 (四) 01:43 (CST)

兩列合併，寬度100px的單元格——巡查姬大天使-Is watching you- 2016年3月31日 (四) 06:18 (CST)

其實講道理，你完全可以自己試一下，這樣印象深一點——巡查姬大天使-Is watching you- 2016年3月31日 (四) 06:22 (CST)

3/31

我最近一直都好忙好忙的，但是我會抽時間看的！--在地獄中沉浮的巡查基+去污粉のMomo bly dblk（討論） 2016年4月2日 (六) 03:57 (CST)