Help:表格

来自骑砍中文百科
跳转至: 导航搜索
  • 注意事项

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

创建简单表格

basic

表格的基础代码如下:

{|border="1"
|cell
|}

效果:

cell

横向与竖向的单元格

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

代码(只参考文本)如下

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

效果如下:

A B C
D E F

添加标题

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

代码如下

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

复杂的表格

横纵向合并单元格

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

{| border="1" 
|- 
|栏目一 || 栏目二 || 栏目三 
|- 
|Template:Color| A 
|Template:Color| B 
|- 
| C  
| D  
|} 

将有这样的效果:

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

嵌套表格

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

{| border=1
|原有
|
Template:Color
|表格
|}

得到:

原有
插入
表格
表格

折叠

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

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

代码如下:

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

将有这样的效果:

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

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

代码如下:

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

将有这样的效果:

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

备注:这里的

style="text-align:center"

代码旨在让其中的内容居中显示。这对于一些需要居中排版的情况是一个很好用的开关。

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

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

边框粗细与单元格距

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

 
{|Template:Color
 |(1,1)||(1,2)
 |-
 |(2,1)||(2,2)
 |}

可以得到:

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

或者:

{|Template:Color
 |(1,1)||(1,2)
 |-
 |(2,1)||(2,2)
 |}

那么:

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

嵌套表格样式

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

 {| border="1" Template:Color
|原有
|
{| border="2"
|插入
|-
|表格
|}
|表格
|}

生成:

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

输入:

{| border="1" Template:Color
|原有
|
{|border=2
|插入
|-
|表格
|}
|表格
|}

生成:

原有
插入
表格
表格

文本颜色

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

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

生成:

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

生成:

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

单元格颜色

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

{| Template:Color border="1"
|-
| 这行是
| 蓝字黄背景
| 我要换色
|- Template:Color
| 这行是
| 红字深蓝背景
| 再换个色
|-
| 这行
| Template:Color | 比较
| Template:Color|Template:Color不一样Template:Color 
|}

生成:

这行是 蓝字黄背景 我要换色
这行是 红字深蓝背景 再换个色
这行 比较 不一样
    • 小提醒:
  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),以及任意列的列宽可以进行设定。要设定任意行的行高,可以通过设定该行任意一个单元格的行高来实现。如果存在行、列的高、宽没有设定,那么表格的显示结果可能随浏览器的不同而不同。

{|  Template:Color border="1"
|- 
| abc
| def
| ghi
|- Template:Color 
| jkl
| Template:Color |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:颜色列表