帮助:使用表格
出自聖經研究
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 |
請參見:色彩列表
[编辑] 範例:住宿資料表格
| 住宿名稱 | 該住宿點的中英文名稱。 |
| 地址位置 | 該住宿點的地址、所屬區域、以及如何前往的描述。 |
| 房間價位 | 該住宿點的各式房間價位,例如單人房、雙人房、含衛浴房等各種收費方式說明。 |
| 評語補充 | 對該住宿點的評語或補充說明,例如乾不乾淨、收費是否合理、房間有哪些設備等等。 |
| 聯絡方式 | 該住宿點的網址、電子郵件、以及電話傳真等等。 |
| 資料日期 | 提供此份資料的日期或者更新日期。 |
[编辑] 彩色浮動方格範例
