查看“帮助:使用表格”的源代码

'''此页引自[[Wikipedia:zh:帮助:使用表格]]'''

下面介绍的表格符号必须在'''新的一行的开始'''使用（也有例外），并且可以使用一些在HTML表格标记中可用的参数。

==表格标记==
'''粗体文字'''
=== Table ===
可以这样描述一个表格：
 <nowiki>{|</nowiki> ''参数''
 <nowiki>|}</nowiki>
相当于
 <nowiki><table ''参数''&gt;</nowiki>
 <nowiki></table&gt;</nowiki>

=== TD ===
单元格可以这样产生：
 |单元1
 |单元2
 |单元3
或者这样也可以：
 |单元1||单元2||单元3
相当于
 <td&gt;单元1</td&gt;<td&gt;单元2</td&gt;<td&gt;单元3</td&gt;
其中“||”相当于“新起一行”+“|”

在单元格中可以这样使用参数：
 |''参数''|单元1
相当于
 <nowiki><td ''参数''&gt;</nowiki>

=== TH ===
使用方法和TD类似，用“!”代替“|”，用“!!”代替“||”。但是参数仍然使用“|”。

=== TR ===
<tr&gt; 标记在第一行会自动产生新w. 开始一个新行使用：
 |-
或者
 |--------------
或者
 |-------------------
他们都相当于
 <tr&gt;
可以这样添加参数：
 |- ''参数''
或者
 |------- ''参数''
相当于
 <nowiki><tr ''参数''&gt;</nowiki>

=== CAPTION ===
<caption&gt; 标记可以这样使用：
 |+ 标题
相当于
 <caption&gt;标题</caption&gt;
你也可以使用参数：
 |+ ''参数''|标题
相当于
 <nowiki><caption ''参数''&gt;Caption</nowiki>

==实例==
===简单的例子===
 <nowiki>{| border=1 </nowiki>
 <nowiki>| 单元1，行1</nowiki>
 <nowiki>| 单元2，行1</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>| 单元1，行2</nowiki>
 <nowiki>| 单元2，行2</nowiki>
 <nowiki>|}</nowiki>
将生成：
{| border=1
| 单元1，行1 
| 单元2，行1 
|- 
| 单元1，行2 
| 单元2，行2 
|}

===复杂的例子===
注意这个表格将右对齐。
<pre>{| align=right border=1
| 单元1, 行1
|rowspan=2| 单元2, 行1 (和2)
| 单元3, 行1
|-
| 单元1, 行2
| 单元3, 行2
|}</pre>
<div>
{| align=right border=1
| 单元1, 行1 
|rowspan=2| 单元2, 行1 (和2) 
| 单元3, 行1 
|- 
| 单元1, 行2 
| 单元3, 行2 
|}
</div>
{{clear}}同时使用COLSPAN和ROWSPAN：
<pre>
{| border="1" cellpadding="5" cellspacing="0"
|-
! 栏目一 || 栏目二 || 栏目三
|-
| rowspan=2| A
| colspan=2 align="center"| B
|-
| C
| D
|-
| E
| colspan=2 align="center"| F
|- 
| rowspan=3| G
| H
| I
|- 
| J
| K
|-
| colspan=2 align="center"| L
|}</pre>
将有这样的效果：
{| border="1" cellpadding="5" cellspacing="0"
|-
! 栏目一 || 栏目二 || 栏目三
|-
| rowspan=2| A
| colspan=2 align="center"| B
|-
| C
| D
|-
| E
| colspan=2 align="center"| F
|- 
| rowspan=3| G
| H
| I
|- 
| J
| K
|-
| colspan=2 align="center"| L
|}

===嵌套表格===
 <nowiki>{| border=1</nowiki>
 <nowiki>|原有</nowiki>
 <nowiki>|</nowiki>
 <nowiki>{| style="background:blue; color:white" border=2</nowiki>
 <nowiki>|插入</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|表格</nowiki>
 <nowiki>|}</nowiki>
 <nowiki>|表格</nowiki>
 <nowiki>|}</nowiki>
生成：
{| border=1
|原有
|
{| style="background:blue; color:white" border=2
|插入
|-
|表格
|}
|表格
|}

===带标题的表格===
{| style="background:#F8FCFF;"
|-
|
 <nowiki>{| border=1 align=right</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>
| width=50% align=right|
{| align="right" border=1 
|+ '''这是标题''' 请参看：
|[[独立]]||[[1949年]]
|-
|[[国家]]||[[中华人民共和国]]
|-
|[[时区]]||[[UTC]]+8
|-
|[[国歌]]||[[义勇军进行曲]]
|-
|[[域名]]||.cn
|}
|}

===帶顏色的表格===
有兩種方法讓表格裡的字和背景出現顏色，下面是第一種：
<pre>
{| border=1
| bgcolor=blue | <font color=yellow> 字黃背景藍 </font>
| 沒設定顏色
| style="background:red; color:yellow" | 字黃背景紅 
| 沒設定顏色
|}
</pre>
生成：
{| border=1
| bgcolor=blue | <font color=yellow> 字黃背景藍 </font>
| 沒設定顏色
| style="background:red; color:yellow" | 字黃背景紅 
| 沒設定顏色
|}
這種方法能指定單格的顏色和背景。如果要讓一行、一列或一整個表格都是同樣的顏色，則使用第二種方法：
<pre>
{| style="background:yellow; color:blue" border=1
|- 
| 這行是
| 藍字
| 黃背景
|- style="background:navy; color:white"
| 這行是
| 白字
| 深海藍
|-
| 這行
| style="background:white" | 比較
| 不一樣
|}
</pre>
生成：
{| style="background:yellow; color:blue" border=1
|- 
| 這行是
| 藍字
| 黃背景
|- style="background:navy; color:white"
| 這行是
| 白字
| 深海藍
|-
| 這行
| style="background:white" | 比較
| 不一樣
|}
像其他參數一樣，顏色參數指定的優先順序為：單格→一行(列)→整個表格。<br />[[HTML]]4.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:颜色列表]]''

===设定行高与列宽===
整个表格的行高(height)和列宽(width)，以及任意列的列宽可以进行设定。要设定任意行的行高，可以通过设定该行任意一个单元格的行高来实现。如果存在行、列的高、宽没有设定，那么表格的显示结果可能随浏览器的不同而不同。
<pre>
{| style="width:75%; height:200px" border="1"
|- 
| abc
| def
| ghi
|- style="height:100px" 
| jkl
| style="width:200px" |mno
| pqr
|-
| stu
| vwx
| yz
|}
</pre>

将得到这样的结果：

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

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