帮助:表格

维基百科，自由的百科全书

Wiki表格的語法與HTML表格的語法很相似。如果你想熟練的使用Wiki語法來製作表格，可能還需要一些HTML表格的語法知識。

2003年12月8日软件启用了新的表格符号，可用來代替<table>, <tr>, <td>, <th>, 和<caption>这些HTML标记。

下面介绍的表格符号必须在新的一行的开始使用（也有例外），并且可以使用一些在HTML表格标记中可用的参数。

MediaWiki也支持許多HTML标记，可以直接用在wikitext中。表格使用class="sortable"可以进行排序。

[编辑] 表格标记

[编辑] 表格起止符号

這是一個典型的wiki表格。

它的源代码是這樣的：

{| border="1" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

大家会发现，在典型的表格源代码中，最前和最後总有“{|”与“|}”两个标记。

{|
border="1"
|-
| 第一部分 || 第二部分
|-
| 第三部分 || 第四部分
|}

它是做什麼用的？我們把它擦掉看看。

 border="1" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分

得到：

border="1" |- | 第一部分 || 第二部分 |- | 第三部分 || 第四部分

什麼都不是了。说明这两个标记定义了表格的起止，是表格起止符号。

[编辑] border参数

再来看看典型的wiki表格。

{| border="1" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

如果將其中的border="1"改成border="5"，则會看到這樣的情況。

{| 
border="5" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

要是改成10呢？

{| border="10" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

如果改成20……

{| border="20" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

改成100的话，屏幕能裝下嗎？……

{| border="100" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

太大了。索性不要框框了。

{| border="0" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

如果没有 border= ，会是什么样？

{| 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

跟border="0"是一样的。

因為表格的預設樣式就是沒有 border 。

[编辑] 行和单元格

这个典型的表格，我觉得有不足的地方。

{| border="1" 
|- 
| 第一部分 || 第二部分 
|- 
| 第三部分 || 第四部分
|}

让我改改。

{| border="1"
|- 
|| 第一部分 || 第二部分
|-  
|| 第三部分 || 第四部分
|}

哈哈，没有变。不过这样改的好处是，使得格子与格子之间都是“|| xxx”

“格子”的学名叫单元格。

不如就用这样的格式，作为我们的典型格式好了。

如果我们要增添一横排的话，怎么做？

{| border="1"
|-
|| 第一部分 || 第二部分
|-
|| 第三部分 || 第四部分
|-
|| 第五部分 || 第六部分
|}

因此可以看出，“|-”表示新增一横排，同时也能看出表格是以横排加横排的方式组成的。

而“|| xxx”则是在一横排之中新增一个单元格，内容就是xxx。

如果把 |- 去掉，就成这样了。

{| border="1"  
| 第一部分 || 第二部分  
| 第三部分 || 第四部分
|}

全部成了一行。

开始一个新行，可以使用“|-”，或者“|-----------”，或者“|-------------------”。它们都相当于<tr>。

可以这样添加参数：“|- 参数”，或者“|------- 参数”。相当于“<tr 参数>”。

有的表格是这样写的：

{| border="1"
|- 
| 第一部分 
| 第二部分 
|- 
| 第三部分 
| 第四部分
|}

每增加一个格，就换一行用

| xx 

来表示。

但是，虽然机器读得懂这种方式，但却让人搞不懂横竖了。

[编辑] 行列標題

如果我们想创建这样一个乘法表

怎样才能做出行列標題（預設顯示粗体字）的效果呢，很简单。将[ | ]全部换成[ ! ]。

{| border="1"
|-
! × !! 1 !! 2 !! 3
|}

不过，第一个单元格只能有一个 ! ，两个 !! 会显示错误

{| border="1"
!! × !! 1 !! 2 !! 3
|}

那么，行列標題和普通格子（表格資料）混合是如何制作的？如下

{| border="1"
|-
!1
|| 1 || 2 || 3
|}

行列標題的单元格必须和普通格子的单元格分开。

如果不分开。

{| border="1"
! 1 || 1 || 2 || 3
|}

就全成行列標題了。

现在来试着自己写出开头那样的乘法表吧。

[编辑] 表格标题

这是一个带有總标题的表格，它的源文件是。

{| border="1"
|+ 表格的标题
|- 
|| 第一部分 || 第二部分
|-  
|| 第三部分 || 第四部分
|}

记住總标题的位置。總标题預設在表格的顶端，所以 |+ 要写在 |- 的上面。

我们再来创建一个带有總标题的乘法表。

{| border="1"
|+ 乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1 
|| 1 || 2 || 3
|-
! 2
|| 2 || 4 || 6
|}

标题的参数可以这样添加：

|+ 参数 标题

[编辑] class参数

维基百科中最常用的表格是这样的。

{| class="wikitable" 
|+ 乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1 
|| 1 || 2 || 3
|-
! 2
|| 2 || 4 || 6
|}

或者使用模板{{wt}}

{{subst:wt}}
|+ 乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1 
|| 1 || 2 || 3
|-
! 2
|| 2 || 4 || 6
|}

这样就可以不去管border了。

[编辑] 实例

[编辑] 简单的例子

{| border=1 
| 单元1，行1
| 单元2，行1
| 单元3，行1
|-
| 单元1，行2
| 单元2，行2
| 单元3，行2
|-
| 单元1，行3
| 单元2，行3
| 单元3，行3
|}

将生成：

[编辑] 复杂的例子

注意这个表格将右对齐。

{| align=right border=1
| 单元1, 行1
|rowspan=2| 单元2, 行1+2
| 单元3, 行1
|-
| 单元1, 行2
| 单元3, 行2
|-
| 单元1, 行3
| 单元2, 行3
| 单元3, 行3
|}

同时使用COLSPAN和ROWSPAN：

{| border="1" cellpadding="5" cellspacing="0"
|-
! 栏目一 !! 栏目二 !! 栏目三
|-
| rowspan=2| A
| colspan=2 align="center"| B
|-
| C
| D
|-
| colspan=2 align="center"| E
| F
|- 
| rowspan=3| G
| H
| I
|- 
| J
| K
|-
| colspan=2 align="center"| L
|}

将有这样的效果：

[编辑] 嵌套表格

{| border=1
|原有
|
{| style="background:blue; color:white" border=2
|插入
|-
|表格
|}
|表格
|}

生成：

[编辑] 带标题的表格

{| border=1 align=center
|+<font color=red>
 '''这是标题'''</font>
 请参看：
|[[独立]]||[[1949年]]
|-
|[[国家]]
|[[中华人民共和国]]
|-
|[[时区]]||[[UTC]]+8
|-
|[[国歌]]||[[义勇军进行曲]]
|-
|[[域名]]||.cn
|}

[编辑] 帶顏色的表格

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

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

生成：

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

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

生成：

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

請參見：色彩列表

[编辑] 设定行高与列宽

整个表格的行高(height)和列宽(width)，以及任意列的列宽可以进行设定。要设定任意行的行高，可以通过设定该行任意一个单元格的行高来实现。如果存在行、列的高、宽没有设定，那么表格的显示结果可能随浏览器的不同而不同。

{| style="width:50%; height:200px" border="1"
|- 
| abc
| def
| ghi
|- style="height:50px;width:50px"
| jkl
| style="width:120px" |mno
| pqr
|-
| stu
| vwx
| yz
|}

将得到这样的结果：

[编辑] 层叠样式表

WP内置了CSS，用于格式化表格，可以通过在{|之后加入class="wikitable"或使用{{wt}}模板使用。例如：

{| class="wikitable" style="text-align:center"
|+乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|}

或

{{subst:wt}} style="text-align:center"
|+乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|}

都可以得到：

[编辑] XHTML HTML Wiki語法對照

{|
|}

|+ caption

|-

| cell1
| cell2

| cell1 || cell2 || cell3

! heading

<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td> 
      <td>4</td> 
   </tr>
</table>

<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
</table>

{|
| 1 || 2
|-
| 3 || 4
|}

<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td>
      <td>4</td>
   </tr>
   <tr>
      <td>5</td>
      <td>6</td>
   </tr>
</table>

<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
   <tr>
      <td> 5 <td> 6
</table>

{|
| 1 || 2 
|-
| 3 || 4 
|-
| 5 || 6 
|}

[编辑] 外部链接

• m:MediaWiki User's Guide: Using tables，元维基里的帮助教程（英文）

查 • 論 • 編 • 歷 維基百科帮助页面
維基計劃的帮助目錄	元維基（簡體 · 繁體） · 維基百科 · 維基新聞 · 維基語錄 · 維基詞典 · 維基教科書 · 維基文庫 · 維基共享資源 · 維基物種 · 維基學院 · MediaWiki
維基計劃的帮助頁面	元維基 · 維基百科 · 維基新聞 · 維基語錄 · 維基詞典 · 維基教科書 · 維基文庫 · 維基共享資源 · 維基物種 · 維基學院 · MediaWiki
閱讀	链接 · 搜索 · 分类 · 重定向 · 章节 · 名字空间 · URL · 跨语言链接 · 打印页面 · 随机页面 · 特殊页面
访问、登入和參數設置	访问 · 登入 · 参数设置 · 用户样式
跟踪更改	页面历史 · 差异 · 链入页面 · 链出更改 · 最近更改 · 增强的最近更改 · 监视列表 · 编辑摘要 · 用户贡献 · 小修改
编辑	创建新页面 · 编辑页面 · 表格 · 图像 · 模板 · HTML · 页面重命名 · 特殊字符 · 回退 · 脚注 · 國際標準書號 · 签名 · 繁簡處理 · 如何設置簽名
高级	变量 · 魔术字 · 默认参数 · 解析器函数（時間序號） · 替换引用 · 计算 · 数学公式 · 简易时间线语法 · 输入框