| 表格 | 代碼基礎教學 |
| 本帖使用簡易說明 為顧及各種學習階段的板友，我將本帖的教學分為三個階段。 請依據您的實際需求使用本教材。 若有其他意見或問題歡迎留言告知 |
| 階段 | 基礎教學 | 排版 | 背景顏色 | 本階段進階應用 |
| 初階 | 基礎使用教學 |
| 表格整體顏色 | 不同顏色相疊的表格外框 |
| 進階 |
| 單行顏色 | ||
| 高手 |
| 單列顏色 | ||
| 道頓者 | ||||
| 與我聯絡： 若您有表格書寫上的疑問，歡迎與我聯絡。 我會盡所能幫你解決問題的^^ *我並不一定隨時都在線上，因此要收到我的回覆可能需要一段時間 |
| 基礎使用教學 |
| 說明 | 可輸入數值/範圍 | 示意圖 | |
| 表格 行數 | 表格的行數 | 1~∞ | 表格表示法： 行x列 |
| 表格 列數 | 表格的列數 | 1~∞ | |
| 表格 寬度 | 表格 |
| |
| 背景 顏色 | 表格整體背景的顏色 | 點擊「背景顏色」旁邊的對話框就會叫出右圖的視窗。 點擊想要的顏色方塊即可。 | |
依照左圖分別輸入：
|
| 純文本： | 一般看見的樣子： |
| 代碼說明 |
A | 表格寬度 | |
B | 表格整體顏色 | |
C | 一行代碼 → 表格的一行 [td][/td]→表格的一格 |
| 表格背景顏色 |
| 代碼說明 [table,顏色代碼]： 表格整體背景顏色 |
| 個人在使用的RGB色碼表 色碼表示法
|
| 說明 | 性質 | 代碼 (紅字表加入的代碼) | 實際展示 | ||||
| 原始樣式 (2X2,白底) | -- | ||||||
| 表格變色 | 整個表格變色 |
| 【練習】 請做出一2x3表格 整體背景顏色是紅色(Red) |
| ◎下一階段的相關內容： 單行顏色 |
| 內置表格 |
代碼說明
|
| 說明 | 代碼 | 實際樣式 | |||
| 原始表格 [內置0個] | |||||
| 內置第一個表格 [內置1個] | |||||
| 內置第二個表格 [內置2個] | |||||
| 內置第三個表格 [內置3個] | |||||
| 內置第四個表格 [內置4個] (x) | ※與原先預想的樣子不同 | ||||
| 【結論】 要內置第四個表格時卻被強制轉換成內置三個表格的樣子。 最多只能在單一表格中內置三個表格。 | |||||
| 搭配我們在上一分頁所學到的表格整體顏色技巧， 我們即可透過「內置表格」創造出五彩繽紛的外框!! |
| EX1： 紅→橙→黃→綠 (由外到內) | |
| EX2: 綠→黃→橙→紅 (由外到內) | |
| 行列數 |
| 代碼說明 [tr]...[/tr] ：一行 [td]...[/td]：一格 |
| 說明 | 原始代碼 (紅字表加入的代碼) | 實際展示 | ||
| 原始表格(1x1黃底) | ||||
| 增加一列 | ||||
| 增加一行 |
| 【練習】 請做出一個銀色(Seliver)底的2x3表格 |
| 單行顏色 |
| 代碼說明 [tr=顏色代碼] ： 單一行的背景顏色 |
| 個人在使用的RGB色碼表 色碼表示法
|
| 說明 | 性質 | 代碼 (紅字表加入的代碼) | 實際展示 | ||||
| A | 表格代碼中的「行代碼」皆有顏色代碼時， 表格原始的整體顏色代碼失效。 | ||||||
| B | 表格代碼中的「行代碼」有顏色代碼時， 未被指定色彩的行會以表格原始的整體顏色代替。 |
| 【練習】 請做出一2x3表格 第一行是白色(White) 第二行是「Turquoise3」(顏色代碼：#00C5CD) 第三行是透明(顏色代碼留白) |
| ◎下一階段的相關內容： 單列顏色 |
| 每一列寬度 |
| 代碼說明 [td=xx%] [/td] xx→與論壇帖子寬度的比(1~98%) |
| 說明 | 代碼 (紅字表加入的代碼) | 實際展示 | ||||
| 原始樣式 | ||||||
| 第一行第一列→20% | ||||||
| 一列放一個比例代碼即可，若在同一列裡放多個比例代碼。 只會以比例最大的代碼為主調整列寬比例。 | ||||||
| 第一行第一列→20% 第二行第一列→40% | ||||||
| 因第二行代碼的比例(40%)大於第一行(20%)。 第一行比例代碼的功能失效。 |
| 行、列跨度 (合併單元格) |
| 代碼說明 [tr=列跨數,行跨數] |
| 原始樣式 | 代碼 (紅字表加入的代碼) | 實際展示 | |||||||||||||||
| 原始樣式 | |||||||||||||||||
| 三列合併 | |||||||||||||||||
| 第一行的三個格子合併 →第一行剩下兩個獨立表格 | |||||||||||||||||
| 兩行合併 | |||||||||||||||||
| 第一列的兩個格子合併 →第一行跟第二行僅剩四個獨立表格 | |||||||||||||||||
| 三列合併 兩行合併 | |||||||||||||||||
| 第一、二行的三個格子合併 →第一、二行剩下兩個獨立表格 | |||||||||||||||||
| 同時搭配單列寬度如何使用? [tr=單行顏色][td=列跨數,行跨數,寬度數值(%)] |
| 同時穿插多行在同一列 |
| 說明 | 原始代碼 (紅字表加入的代碼) | 實際展示 | ||||||
| ① | ||||||||
| ② | ||||||||
| 【從代碼上比較】第一行第二列 ① ：跟具有顏色代碼的行是同一行 → 顏色也是Cyan3 (代碼：#00CDCD) ② ：與第一行分開 → 透明無色 | ||||||||
| 說明 | 原始代碼 (紅字表加入的代碼) | 實際展示 | ||||||
| 原始樣式 | ||||||||
| 修改後樣式 |
| 於同一行中分岔出一格 |
| 原始代碼 (紅字表加入的代碼) | 實際展示 | ||||||||||
| 於同一列中分岔出一格 |
| 原始代碼 (紅字表加入的代碼) | 實際展示 | ||||||||||||
| 上述三種同時混合使用 |
| 原始代碼 (紅字表加入的代碼) | 實際展示 | ||||||||||||||||||||
| 說明 | 原始代碼 (紅字表加入的代碼) | 實際展示 | ||||||
| 原始樣式 | ||||||||
| 修改後樣式 |
| 單列顏色 |
| 前導觀念 [tr]...[/tr] 一行一列 [tr=1,2]...[/tr] [tr]...[/tr] 一行兩列 [tr=1,3]...[/tr][tr=1,2]...[/tr][tr]...[/tr] 一行三列 : ; 一行N列 以此類推 |
| 說明 | 原始代碼 | 實際展示 | ||||
| 一行 一列 | | |||||
| 一行 兩列 | | |||||
| 一行 三列 | | |||||
| 一行 四列 | ||||||
◎以此類推...可於一行中不斷增加列數 | ||||||
| 原始代碼 | 複製代碼貼到您的帖子實際體驗! |
|
| 說明 | 原始代碼 (紅字表加入的代碼) | 實際展示 | ||||||
| 原始樣式 | ||||||||
| 修改後樣式 | ||||||||
| 修改後樣式 | ||||||||
§注意：在任一行代碼中無顏色代碼時，會以表格整體的顏色代碼替代。 | ||||||||
| 單列顏色 隱含概念 |
| 說 明 | 代碼 | 代碼所應呈現的表格形式 | 實際上會顯示的樣子 |
| 一 行 一 列 | |||
| 一 行 二 列 | |||
| 一 行 三 列 | |||
| 一 行 四 列 | |||
◎以此類推亦成立 | |||
| 歡迎光臨 Android 台灣中文網 (https://apk.tw/) | Powered by Discuz! X3.1 |
