帮助:表格
- 注意事项
表格通常需要在上行代码换行后写入,包括在一个表格内部添加表格时。
目录
创建简单表格
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"
代码旨在让其中的内容居中显示。这对于一些需要居中排版的情况是一个很好用的开关。
- 一点提醒
- 包括嵌套表格和普通表格,所有的表格起始符“{|”必须在上行代码换行后写入。
- 事实上,“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]
层叠样式表
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 |
以上内容转自萌娘百科
- ↑
像其他参数一样,颜色参数指定的优先顺序为:单元格→行(列)→全表。
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:颜色列表