帮助:表格

表格是一种在有限空间内呈现大量信息的一种有效形式，宝可梦大百科支持在页面中使用表格。

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

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

它会显示成：

表头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 

来表示。

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

行列标题

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

×	1	2	3
1	1	2	3
2	2	4	6

怎样才能做出行列标题（预设显示粗体字）的效果呢，很简单。将[ | ]全部换成[ ! ]。

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

×	1	2	3

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

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

! ×	1	2	3

那么，行列标题和普通格子（表格资料）溷合是如何制作的？如下

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

1	1	2	3

行列标题的单元格必须和普通格子的单元格分开。

如果不分开。

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

1	1	2	3

就全成行列标题了。

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

表格标题

表格的标题

第一部分	第二部分
第三部分	第四部分

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

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

记住总标题的位置。总标题预设在表格的顶端，所以 |+ 要写在 |- 的上面。

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

乘法表

×	1	2	3
1	1	2	3
2	2	4	6

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

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

|+ 参数 标题

嵌套表格

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

生成：

原有

插入 表格

表格

带标题的表格

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

这是标题 请参看： 独立 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" | 比较
| 不一样
|}

生成：

这行是	蓝字	黄背景
这行是	白字	深海蓝
这行	比较	不一样

像其他参数一样，颜色参数指定的优先顺序为：单格→一行(列)→整个表格。

设定行高与列宽

整个表格的行高(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
|}

将得到这样的结果：

abc	def	ghi
jkl	mno	pqr
stu	vwx	yz

参考页面

• 维基百科