尽管在维基百科中可以使用HTML语法创建表格，但是Wiki语法通常会更加简便。以下所讲的语法在2003年12月8日为MediaWiki所支持。如果想要熟练地使用Wiki语法制作表格，可能还是需要一些HTML语法知识。

一段最简单的表格代码是这样的：

{| class="wikitable" border="1"
|-
!  表头1
!  表头2
!  表头3
|-
|  第1行第1列的单元格
|  第1行第2列的单元格
|  第1行第3列的单元格
|-
|  第2行第1列的单元格
|  第2行第2列的单元格
|  第2行第3列的单元格
|}

它会显示成：

将其中的样例文字替换为您想要的内容，即可成为一个具有实际作用的表格。

基本语法编辑

简单表格编辑

• 任何一个Wiki表格都需要通过“{|”和“|}”两个记号界定其起止，如下。

{|
  表格内容代码
|}

• 表格的开头可以通过“|+”记号添加一个标题，此标题位于表格之外，如下。

{|
|+ 表格标题
  表格内容代码
|}

• 使用标记“|-”可以添加一个新行，而其中的单元格会在其后加入。

{|
|+ 表格标题
|-
  单元格内容代码
|-
  单元格内容代码
|}

• 每一个记号“|”开始一个单元格。

{|
|+ 表格标题
|-
| 单元格内容
|-
| 下一行的单元格
| 另一列的单元格
|}

• 其中，隔行的标记“|”可以替换为不用换行的“||”，如：

{|
|+ 表格标题
|-
|单元格 || 单元格 || 单元格
|-
|单元格
|单元格
|单元格
|}

• 注意，如果在同一行中包含多个“|”标记，则会产生一些意想不到的问题，如：

 {| border="1"
 |-
 |格式修饰符（不显示） |这些  |(包括“|”标记) |进入了  |第一格
 |-
 |}
 

会显示为

• 注意，上面提到的格式修饰符很有用！例如：

 {| border="1"
 |-
 |第一格（不用修饰符——没有对齐）
 |-
 |align="right" |第二格（右对齐）
 |-
 |}
 

会显示为：

• 将表格中的管道符“|”置换为“!”，||”置换为“!!”，则会显示加粗的表头。

{| 和 |}编辑

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

 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
|}

或者使用模板Template:Tl

{{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
|}

Template:Clear同时使用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"或使用Template:Tl模板使用。例如：

{| 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，
• 維基百科