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"
代码旨在让其中的内容居中显示。这对于一些需要居中排版的情况是一个很好用的开关。
- 一点提醒
- 包括嵌套表格和普通表格,所有的表格起始符“{|”必须在上行代码换行后写入。
- 事实上,“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:颜色列表