2020年2月29日 (六) 01:43 狼族盟约

2020-02-29T01:43:34Z

狼族盟约：创建页面，内容为“*'''注意事项''' '''表格通常需要在上行代码换行后写入，包括在一个表格内部添加表格时。''' ==创建简单表格== ===basic…”

2020-02-29T01:40:03Z

创建页面，内容为“*'''注意事项''' <big>'''表格通常需要在上行代码换行后写入，包括在一个表格内部添加表格时。'''</big> ==创建简单表格== ===basic…”

新页面

*'''注意事项'''
<big>'''表格通常需要在上行代码换行后写入，包括在一个表格内部添加表格时。'''</big>
==创建简单表格==
===basic===
表格的基础代码如下：
<pre><nowiki>
{|border="1"
|cell
|}
</nowiki></pre>
效果：
{|border="1"
|cell
|}
===横向与竖向的单元格===
“||”或“换行+|”都可以横向创建一个新单元格。而新起一行的“|-”在表格中创建新的一行。“|-”等价于“|---”，也就是短横可以无穷多。

代码（只参考文本）如下
<pre>
{|border="1"
|A
||B
||C
|-
|D
|E
|F
|}
</pre>

效果如下：
{|border="1"
|A||B||C
|-
|D
|E
|F
|}

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

代码如下

<nowiki>{| border=1 align=right</nowiki>
{{color|red|<nowiki>|+</nowiki>}}<nowiki> '''这是标题''' 请参看：</nowiki>
<nowiki>|[[独立]]||[[1949年]]</nowiki>
<nowiki>|-</nowiki>
<nowiki>|[[国家]]||[[中华人民共和国]]</nowiki>
<nowiki>|-</nowiki>
<nowiki>|[[时区]]||[[UTC]]+8</nowiki>
<nowiki>|-</nowiki>
<nowiki>|[[国歌]]||[[义勇军进行曲]]</nowiki>
<nowiki>|-</nowiki>
<nowiki>|[[域名]]||.cn</nowiki>
<nowiki>|}</nowiki>
{|border=1
'''这是标题''' 请参看：
|[[独立]]||[[1949年]]
|-
|[[国家]]||[[中华人民共和国]]
|-
|[[时区]]||[[UTC]]+8
|-
|[[国歌]]||[[义勇军进行曲]]
|-
|[[域名]]||.cn
|}
==复杂的表格==
===横纵向合并单元格===
使用过Excel的编辑者应该都知道，Excel中有向某方向合并单元格的功能。而在wikitext中，代码“colspan=”可以实现横向合并单元格，等号后数值（直接输入不加引号）表示合并的单元格的数量。“rowspan=”可以实现纵向合并单元格，等号后数值（直接输入不加引号）表示合并的单元格的数量。
实际合用如下;

<nowiki>{| border="1"</nowiki>
<nowiki>|-</nowiki>
<nowiki>|栏目一 || 栏目二 || 栏目三</nowiki>
<nowiki>|-</nowiki>
<nowiki>|</nowiki>{{color|red|<nowiki>rowspan=2</nowiki>}}<nowiki>| A</nowiki>
<nowiki>|</nowiki>{{color|red|<nowiki>colspan=2</nowiki>}}<nowiki>| B</nowiki>
<nowiki>|-</nowiki>
<nowiki>| C</nowiki>
<nowiki>| D</nowiki>
<nowiki>|}</nowiki>

将有这样的效果：
{| border="1"
|-
|栏目一 || 栏目二 || 栏目三
|-
|rowspan=2| A
|colspan=2| B
|-
| C
| D
|}

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

<nowiki>{| border=1</nowiki>
<nowiki>|原有</nowiki>
<nowiki>|</nowiki>
{{color|red|<nowiki>{|border=2</nowiki>
<nowiki>|插入</nowiki>
<nowiki>|-</nowiki>
<nowiki>|表格</nowiki>
<nowiki>|}</nowiki>}}
<nowiki>|表格</nowiki>
<nowiki>|}</nowiki>
得到：
{| border=1
|原有
|
{| border=2
|插入
|-
|表格
|}
|表格
|}

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

注意：第一行的'''border="1"'''不再使用，且被改为'''class="……"'''。

代码如下：
<pre>
{| class="wikitable mw-collapsible" style="text-align:center"
|我是表格
|-
| 这些内容可以被折叠。
|}
</pre>
将有这样的效果：
{|" class="wikitable mw-collapsible" style="text-align:center"
|我是表格
|-
| 这些内容可以被折叠。
|}

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

代码如下：
<pre>
{| class="wikitable mw-collapsible mw-collapsed" style="text-align:center"
|我是表格
|-
| 这些内容必被折叠。
|}
</pre>
将有这样的效果：
{|" class="wikitable mw-collapsible mw-collapsed" style="text-align:center"
|我是表格
|-
| 这些内容必被折叠。
|}
备注：这里的
<pre>
style="text-align:center"
</pre>代码旨在让其中的内容居中显示。这对于一些需要居中排版的情况是一个很好用的开关。

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

==为什么我的表格和别人的不一样？==
===边框粗细与单元格距===
边框粗细由参数“border”决定，数值上为任一非负数,默认值为0。输入时应在参数数值上打上半角引号。
单元格边框与表格外框的距离由参数“cellspacing”决定，默认值为1。数值及输入要求同上。
两参数之间应有空格。
<nowiki> </nowiki>
<nowiki>{|</nowiki>{{color|red|<nowiki>border="1" cellspacing="0"</nowiki>}}
<nowiki>|(1,1)||(1,2)</nowiki>
<nowiki>|-</nowiki>
<nowiki>|(2,1)||(2,2)</nowiki>
<nowiki>|}</nowiki>
可以得到：
{|border="1" cellspacing="0"
|(1,1)||(2,1)
|-
|(1,2)||(2,2)
|}

或者：

<nowiki>{|</nowiki>{{color|red|<nowiki>border="3.7" cellspacing="1.7"</nowiki>}}
<nowiki>|(1,1)||(1,2)</nowiki>
<nowiki>|-</nowiki>
<nowiki>|(2,1)||(2,2)</nowiki>
<nowiki>|}</nowiki>
那么：
{|border="3.7" cellspacing="1.7"
|(1,1)||(2,1)
|-
|(1,2)||(2,2)
|}

===嵌套表格样式===
嵌套表格外框与被嵌套表格单元格框距离由参数“cellpadding”决定，这个参数应写在表格顶部。数值和输入要求与前文等同，默认值为1。
用例
<nowiki>{| border="1" </nowiki>{{color|red|<nowiki>cellpadding="0"</nowiki>}}
<nowiki>|原有</nowiki>
<nowiki>|</nowiki>
<nowiki>{| border="2"</nowiki>
<nowiki>|插入</nowiki>
<nowiki>|-</nowiki>
<nowiki>|表格</nowiki>
<nowiki>|}</nowiki>
<nowiki>|表格</nowiki>
<nowiki>|}</nowiki>

生成：
{| border="1" cellpadding="0"
|原有
|
{| border="2"
|插入
|-
|表格
|}
|表格
|}
**提示：上文所述的一些参数在写入时应当两两之间应留有一个空格。
输入：
<nowiki>{| border="1"</nowiki> {{color|red|<nowiki>cellpadding="2"</nowiki>}}
<nowiki>|原有</nowiki>
<nowiki>|</nowiki>
<nowiki>{|border=2</nowiki>
<nowiki>|插入</nowiki>
<nowiki>|-</nowiki>
<nowiki>|表格</nowiki>
<nowiki>|}</nowiki>
<nowiki>|表格</nowiki>
<nowiki>|}</nowiki>

生成：
{| border="1" cellpaddig="2"
|原有
|
{| border=2
|插入
|-
|表格
|}
|表格
|}

===文本颜色===
设置表格中文字的文本颜色，通常有三种方法。
*若要仅使某单元格内文字呈现颜色，则应使用下面这一方法。

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

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

===单元格颜色===
使单元格着色的方式与文字相似,且二者可以混合使用。以上一小节的第二个例子为例，增加背景色：
<nowiki>{|</nowiki> {{color|red|<nowiki>style="color:blue;background:yellow"</nowiki>}} border="1"
<nowiki>|-</nowiki>
<nowiki>| 这行是</nowiki>
<nowiki>| 蓝字黄背景</nowiki>
<nowiki>| 我要换色</nowiki>
<nowiki>|- </nowiki>{{color|red|<nowiki>style="color:red;background:navy"</nowiki>}}
<nowiki>| 这行是</nowiki>
<nowiki>| 红字深蓝背景</nowiki>
<nowiki>| 再换个色</nowiki>
<nowiki>|-</nowiki>
<nowiki>| 这行</nowiki>
<nowiki>| </nowiki>{{color|red|<nowiki>style="color:fuchsia;background:white"</nowiki>}} | 比较
<nowiki>| </nowiki>{{color|red|<nowiki>bgcolor=red"</nowiki>}}<nowiki>|</nowiki>{{color|red|<nowiki></nowiki>}}<nowiki>不一样</nowiki>{{color|red|<nowiki></nowiki>}}
<nowiki>|}</nowiki>

生成：
{| style="color:blue;background:yellow" border=1
|-
| 这行是
| 蓝字黄背景
| 我要换色
|- style="color:red;background:navy"
| 这行是
| 红字深蓝背景
| 再换个色
|-
| 这行
| style="color:fuchsia；background:white" | 比较
| bgcolor=red|不一样
|}
**小提醒：
#两个颜色参数之间应该用分号（半角）隔开。
#颜色参数应区别于其它参数而至于引号内。
#颜色参数的值应以半角冒号连接，而不是等号
#至于颜色列表，参见后文的列表和帮助文件。<ref>
像其他参数一样，颜色参数指定的优先顺序为：单元格→行(列)→全表。 HTML4.01制定16种颜色名称，附上16进位值如下所示：
{| border="0"
|-
|[[w:en:black|black]]
|align="center" style="background:#000000; color:#ffffff; font-family:monospace;" width=15%|#000000
|width=5%| ||[[w:en:silver (color)|silver]]
|align="center" style="background:#c0c0c0; color:#000000; font-family:monospace;" width=15%|#c0c0c0
|width=5%| ||[[w:en:maroon (color)|maroon]]
|align="center" style="background:#800000; color:#ffffff; font-family:monospace;" width=15%|#800000
|width=5%| ||[[w:en:red|red]]
|align="center" style="background:#ff0000; color:#ffffff; font-family:monospace;" width=15%|#ff0000
|-
|[[w:en:Navy blue|navy]]
|align="center" style="background:#000080; color:#ffffff; font-family:monospace;"|#000080
|| ||[[w:en:blue|blue]]
|align="center" style="background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff
|| ||[[w:en:purple|purple]]
|align="center" style="background:#800080; color:#ffffff; font-family:monospace;"|#800080
|| ||[[w:en:fuchsia (color)|fuchsia]]
|align="center" style="background:#ff00ff; color:#000000; font-family:monospace;"|#ff00ff
|-
|[[w:en:green|green]]
|align="center" style="background:#008000; color:#ffffff; font-family:monospace;"|#008000
|| ||[[w:en:lime (color)|lime]]
|align="center" style="background:#00ff00; color:#000000; font-family:monospace;"|#00ff00
|| ||[[w:en:olive (color)|olive]]
|align="center" style="background:#808000; color:#ffffff; font-family:monospace;"|#808000
|| ||[[w:en:yellow|Yellow]]
|align="center" style="background:#ffff00; color:#000000; font-family:monospace;"|#ffff00
|-
|[[w:en:teal (color)|teal]]
|align="center" style="background:#008080; color:#ffffff; font-family:monospace;"|#008080
|| ||[[w:en:aquamarine (color)|aqua]]
|align="center" style="background:#00ffff; color:#000000; font-family:monospace;"|#00ffff
|| ||[[w:en:grey|gray]]
|align="center" style="background:#808080; color:#ffffff; font-family:monospace;"|#808080
|| ||[[w:en:white|white]]
|align="center" style="background:#ffffff; color:#000000; font-family:monospace;"|#ffffff
|}
''请参见：[[Help:颜色列表]]''
</ref>

===层叠样式表===
WP内置了[[zhwiki:CSS]]，用于格式化表格，可以通过在<code>{|</code>之后加入<code>class="wikitable"</code>使用。例如：
<pre>{| class="wikitable" style="text-align:center"
|+乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|}</pre>
可以得到：
{| class="wikitable" style="text-align:center"
|+乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|}

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

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

将得到这样的结果：

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

←上一版本		2020年2月29日 (六) 01:43的版本
第440行：		第440行：
	\| yz		\| yz
	\|}		\|}
		+
		+	以上内容转自萌娘百科

Help:表格 - 版本历史

2020年2月29日 (六) 01:43 狼族盟约

狼族盟约：创建页面，内容为“*'''注意事项''' '''表格通常需要在上行代码换行后写入，包括在一个表格内部添加表格时。''' ==创建简单表格== ===basic…”