Education
 

帮助:使用表格

出自聖經研究

BibleWiki使用手冊
目錄 | 讀者手冊 | 編輯手冊 | 管理手冊 | 附錄

2003年12月8日軟體啟用了新的表格符號,代替<table>, <tr>, <td>, <th>, 和<caption>這些HTML標記。

下面介紹的表格符號必須在新的一行的開始使用(也有例外),並且可以使用一些在HTML表格標記中可用的參數。


目录

[编辑] 表格標記

[编辑] Table

可以這樣描述一個表格:

{| 參數
|}

相當於

<table 參數>
</table>

[编辑] TD

單格可以這樣產生:

|單元1
|單元2
|單元3

或者這樣也可以:

|單元1||單元2||單元3

相當於

<td>單元1</td><td>單元2</td><td>單元3</td>

其中“||”相當於“新起一行”+“|”

在單格中可以這樣使用參數:

|參數|單元1

相當於

<td 參數>

[编辑] TH

使用方法和TD類似,用“!”代替“|”,用“!!”代替“||”。但是參數仍然使用“|”。


[编辑] TR

<tr> 標記在第一行會自動產生新w. 開始一個新行使用:

|-

或者

|--------------

或者

|-------------------

他們都相當於

<tr>

可以這樣添加參數:

|- 參數

或者

|------- 參數

相當於

<tr 參數>

[编辑] CAPTION

<caption> 標記可以這樣使用:

|+ 標題

相當於

<caption>標題</caption>

你也可以使用參數:

|+ 參數|標題

相當於

<caption 參數>Caption

[编辑] 實例

[编辑] 簡單的例子

{|
| 單元1,行1
| 單元2,行1
|-
| 單元1,行2
| 單元2, 行2
|}

將生成:

單元1,行1 單元2,行1
單元1,行2 單元2, 行2

[编辑] 複雜的例子

單元1, 行1 單元2, 行1 (和2) 單元3, 行1
單元1, 行2 單元3, 行2

注意這個表格將右對齊。

{| align=right border=1
| 單元1, 行1
|rowspan=2| 單元2, 行1 (和2)
| 單元3, 行1
|-
| 單元1, 行2
| 單元3, 行2
|}

[编辑] 嵌套表格

{| border=1
| 你好
|
{| bgcolor=#123DEF border=2
|中師
|-
|表格
|}
|原來表格
|}

生成:

你好
中師
表格
原來表格

[编辑] 帶標題的表格

這是標題
地區台中市
國家中國
時區UTC+8
系所國民教育學系
功能變數名稱.cn


{| border=1 align=right
|+ '''這是標題''' 
|地區||台中市
|-
|學校||台中師院
|-
|時區||UTC+8
|-
|系所||國民教育學系
|-
|功能變數名稱||.cn
|}

三種表示法比較表
HTML Wiki HTML Wiki
<table>
<caption> </caption>
<tr>
<th> </th>
<th> </th>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table>
<caption>
<tr>
<th>
<th>
<tr>
<td>
<td>
</table>
{|
|+
|-
!
!
|-
|
|
|}

實際展示一
標題一 標題二
欄位一 欄位二

其中 {| 的後方可接 border="1px" width="600px" height="200px" cellpadding="3px" align="center" bgcolor="#dddd77" 這類的東西下去。

|- 的後方則可接 height="150px" align="right" valign="bottom" bgcolor="#ddaa77" 這類的東西下去。

至於 | 的後方則是只能放資料而已。


實際展示二
標題一 標題二
欄位一 欄位二

[编辑] 帶顏色的表格

有兩種方法可讓表格裡的字和背景出現顏色,下面是第一種:

{| 
| bgcolor=blue | <font color=yellow> 字黃背景藍
| 沒設定顏色
| style="background:red; color:yellow" | 字黃背景紅
| 沒設定顏色
|}

生成:

字黃背景藍 沒設定顏色 字黃背景紅 沒設定顏色

這種方法能指定單格的顏色和背景。如果要讓一行、一列或一整個表格都是同樣的顏色,則使用第二種方法:

{| style="background:yellow; color:blue"
|- 
| 這行是
| 藍字
| 黃背景
|- style="background:navy; color:white"
| 這行是
| 白字
| 深海藍
|-
| 這行
| style="background:white" | 比較
| 不一樣
|}

生成:

這行是 藍字 黃背景
這行是 白字 深海藍
這行 比較 不一樣

像其他參數一樣,顏色參數指定的優先順序為:單格→一行(列)→整個表格。
HTML4.01制定16種顏色名稱,附上16進位值如下所示:

black #000000 silver #c0c0c0 maroon #800000 red #ff0000
navy #000080 blue #0000ff purple #800080 fuchsia #ff00ff
green #008000 lime #00ff00 olive #808000 Yellow #ffff00
teal #008080 aqua #00ffff gray #808080 white #ffffff

請參見:色彩列表



[编辑] 範例:住宿資料表格

住宿名稱 該住宿點的中英文名稱。
地址位置 該住宿點的地址、所屬區域、以及如何前往的描述。
房間價位 該住宿點的各式房間價位,例如單人房、雙人房、含衛浴房等各種收費方式說明。
評語補充 對該住宿點的評語或補充說明,例如乾不乾淨、收費是否合理、房間有哪些設備等等。
聯絡方式 該住宿點的網址、電子郵件、以及電話傳真等等。
資料日期 提供此份資料的日期或者更新日期。

[编辑] 彩色浮動方格範例

專案

  • 彩色方格範例
  • 方格定位


專案

  • 彩色方格範例
  • 方格定位