• 你好~!欢迎来到萌娘百科!如果您是第一次来到这里,点这里加入萌娘百科!
  • 欢迎具有翻译能力的同学~有意者请点→Category:需要翻译的条目
  • 如果您在萌娘百科上发现某些内容错误/空缺,请勇于修正/添加!编辑萌娘百科其实很容易!
  • 觉得萌娘百科有趣的话,请推荐给朋友哦~
  • 萌娘百科群119170500欢迎加入,加入时请写明【萌娘百科+自己的ID】~
  • 萌娘百科Discord群组已经建立,请点此加入!

帮助:使用表格

萌娘百科,万物皆可萌的百科全书!
跳转至: 导航搜索
  • 注意事项

表格通常需要在上行代码换行后写入,包括在一个表格内部添加表格时。

创建简单表格

basic

表格的基础代码如下:

{|border="1"
|cell
|}

效果:

cell

横向与竖向的单元格

“||”或“换行+|”都可以横向创建一个新单元格。而新起一行的“|-”在表格中创建新的一行。“|-”等价于“|---”,也就是短横可以无穷多。

代码(只参考文本)如下

{|border="1"
|A
||B
||C
|-
|D
|E
|F
|}

效果如下:

A B C
D E F

添加标题

使用“|+”可以给表格添加标题。

代码如下

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

复杂的表格

横纵向合并单元格

使用过Excel的编辑者应该都知道,Excel中有向某方向合并单元格的功能。而在wikitext中,代码“rowspan=”可以实现横向合并单元格,等号后数值(直接输入不加引号)表示合并的单元格的数量。“colspan=”可以实现纵向合并单元格,等号后数值(直接输入不加引号)表示合并的单元格的数量。 实际合用如下;

{| border="1" 
|- 
|栏目一 || 栏目二 || 栏目三 
|- 
|rowspan=2| A 
|colspan=2| B 
|- 
| C  
| D  
|} 

将有这样的效果:

栏目一 栏目二 栏目三
A B
C D

嵌套表格

在某一单元格内增加嵌套表格类似于在Excel中拆分单元格。其实质顾名思义,就是在一个表格内再“嵌套”一个表格,即“表中表”。 若创建一个1行3列的表格,并在第二行插入一个两行的嵌套表格,我们需要:

{| border=1
|原有
|
{|border=2
|插入
|-
|表格
|}
|表格
|}

得到:

原有
插入
表格
表格

折叠

使用此,可以让表格有折叠的功能。可以在保证版面的前提下插入必要的内容。请注意:无论如何折叠,第一行单元格将永不会被折叠。

注意:第一行的border="1"不再使用,且被改为class="……"

代码如下:

{| class="wikitable mw-collapsible" style="text-align:center"
|我是表格
|-
| 这些内容可以被折叠。
|}

将有这样的效果:

我是表格
这些内容可以被折叠。

亦可以使之默认处于隐藏状态。

代码如下:

{| class="wikitable mw-collapsible mw-collapsed" style="text-align:center"
|我是表格
|-
| 这些内容必被折叠。
|}

将有这样的效果:

我是表格
这些内容必被折叠。
  • 一点提醒
  1. 包括嵌套表格和普通表格,所有的表格起始符“{|”必须在上行代码换行后写入。
  2. 事实上,“colspan”“rowspan”所带来的效果也可以用嵌套表格来实现(想想怎么做..)。但是,为了代码检查和编辑的方便,任何时候都请选择较简洁的代码。

为什么我的表格和别人的不一样?

边框粗细与单元格距

边框粗细由参数“border”决定,数值上为任一非负数,默认值为0。输入时应在参数数值上打上半角引号。 单元格边框与表格外框的距离由参数“cellspacing”决定,默认值为1。数值及输入要求同上。 两参数之间应有空格。

 
{|border="1" cellspacing="0"
 |(1,1)||(1,2)
 |-
 |(2,1)||(2,2)
 |}

可以得到:

(1,1) (2,1)
(1,2) (2,2)

或者:

{|border="3.7" cellspacing="1.7"
 |(1,1)||(1,2)
 |-
 |(2,1)||(2,2)
 |}

那么:

(1,1) (2,1)
(1,2) (2,2)

嵌套表格样式

嵌套表格外框与被嵌套表格单元格框距离由参数“cellpadding”决定,这个参数应写在表格顶部。数值和输入要求与前文等同,默认值为1。 用例

 {| border="1" cellpadding="0"
|原有
|
{| border="2"
|插入
|-
|表格
|}
|表格
|}

生成:

原有
插入
表格
表格
    • 提示:上文所述的一些参数在写入时应当两两之间应留有一个空格。

输入:

{| border="1" cellpadding="2"
|原有
|
{|border=2
|插入
|-
|表格
|}
|表格
|}

生成:

原有
插入
表格
表格

文本颜色

设置表格中文字的文本颜色,通常有三种方法。

  • 若要仅使某单元格内文字呈现颜色,则应使用下面这一方法。
{| border=1 
|   <font color=yellow>  我是纯洁的白色  </font> 
| 我是黄色 
|} 

生成:

我是纯洁的白色 我是黄色
  • 若是整个行、列、表格的文字都呈现相同颜色,则应当使用如下方法。
{| style="color:blue" border="1"
|-
| 这行是
| 蓝字
| 我要换色
|- style="color:red"
| 这行是
| 红字
| 再换个色
|-
| 这行
| style="color:fuchsia" | 比较
| <font color="lime">不一样</font> 
|}

生成:

这行是 蓝字 我要换色
这行是 红字 再换个色
这行 比较 不一样
    • 提示:若要在统一文字颜色的行、列、表格中让某一单元格文字显示不同的颜色,只需要对这个单元格使用第一种方式即可,参见第二个栗子的最后一行。
  • 事实上,在表格中直接使用普通的“{{color|red|这段文字将会显示为红色}}”也是可行的,但是,太麻烦了。

单元格颜色

使单元格着色的方式与文字相似,且二者可以混合使用。以上一小节的第二个例子为例,增加背景色:

{| style="color:blue;background:yellow" border="1"
|-
| 这行是
| 蓝字黄背景
| 我要换色
|- style="color:red;background:navy"
| 这行是
| 红字深蓝背景
| 再换个色
|-
| 这行
| style="color:fuchsia;background:white" | 比较
| bgcolor=red"|<font color="lime">不一样</font> 
|}

生成:

这行是 蓝字黄背景 我要换色
这行是 红字深蓝背景 再换个色
这行 比较 不一样
    • 小提醒:
  1. 两个颜色参数之间应该用分号(半角)隔开。
  2. 颜色参数应区别于其它参数而至于引号内。
  3. 颜色参数的值应以半角冒号连接,而不是等号
  4. 至于颜色列表,参见后文的列表和帮助文件。[1]

层叠样式表

WP内置了zhwiki:CSS,用于格式化表格,可以通过在{|之后加入class="wikitable"使用。例如:

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

可以得到:

乘法表
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9

设定行高与列宽

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

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

将得到这样的结果:

abc def ghi
jkl mno pqr
stu vwx yz

其它,和一些注释

  1. 像其他参数一样,颜色参数指定的优先顺序为:单元格→行(列)→全表。
    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

    请参见:Help:颜色列表

为本页面评分: