查看“编辑手册”的源代码


{{通约智库}}
{{通约智库在线学院}}

==表格==
2003年12月8日软件启用了新的表格符号，代替<table>, <tr>, <td>, <th>, 和<caption>这些HTML标记。


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


表格标记
Table
可以这样描述一个表格：


{| 参数
|}
相当于


<table 参数>
</table>
TD
单元格可以这样产生：


|单元1
|单元2
|单元3
或者这样也可以：


|单元1||单元2||单元3
相当于


<td>单元1</td><td>单元2</td><td>单元3</td>
其中“||”相当于“新起一行”+“|”


在单元格中可以这样使用参数：

|参数|单元1
相当于


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

TR
<tr> 标记在第一行会自动产生新w. 开始一个新行使用：

|-
或者

|--------------
或者

|-------------------
他们都相当于

<tr>
可以这样添加参数：

|- 参数
或者

|------- 参数
相当于

<tr 参数>
CAPTION
<caption> 标记可以这样使用：

|+ 标题
相当于

<caption>标题</caption>
你也可以使用参数：

|+ 参数|标题
相当于

<caption 参数>Caption
实例
简单的例子
{| border=1 
| 单元1，行1
| 单元2，行1
|-
| 单元1，行2
| 单元2，行2
|}
将生成：

单元1，行1	单元2，行1
单元1，行2	单元2，行2
复杂的例子
注意这个表格将右对齐。

{| align=right border=1
| 单元1, 行1
|rowspan=2| 单元2, 行1 (和2)
| 单元3, 行1
|-
| 单元1, 行2
| 单元3, 行2
|}
单元1, 行1	单元2, 行1 (和2)	单元3, 行1
单元1, 行2	单元3, 行2
模板:Clear同时使用COLSPAN和ROWSPAN：

{| 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
|}
将有这样的效果：

栏目一	栏目二	栏目三
A	B
C	D
E	F
G	H	I
J	K
L
嵌套表格
{| border=1
|原有
|
{| style="background:blue; color:white" border=2
|插入
|-
|表格
|}
|表格
|}
生成：

原有	
插入
表格
表格
带标题的表格
{| border=1 align=right
|+ '''这是标题''' 请参看：
|[[独立]]||[[1949年]]
|-
|[[国家]]||[[中华人民共和国]]
|-
|[[时区]]||[[UTC]]+8
|-
|[[国歌]]||[[义勇军进行曲]]
|-
|[[域名]]||.cn
|}
这是标题 请参看：
独立	1949年
国家	中华人民共和国
时区	UTC+8
国歌	义勇军进行曲
域名	.cn
帶顏色的表格
有兩種方法讓表格裡的字和背景出現顏色，下面是第一種：

{| border=1
| bgcolor=blue | <font color=yellow> 字黃背景藍
| 沒設定顏色
| style="background:red; color:yellow" | 字黃背景紅
| 沒設定顏色
|}
生成：

字黃背景藍	沒設定顏色	字黃背景紅	沒設定顏色
這種方法能指定單格的顏色和背景。如果要讓一行、一列或一整個表格都是同樣的顏色，則使用第二種方法：

{| style="background:yellow; color:blue" border=1
|- 
| 這行是
| 藍字
| 黃背景
|- style="background:navy; color:white"
| 這行是
| 白字
| 深海藍
|-
| 這行
| style="background:white" | 比較
| 不一樣
|}
生成：

這行是	藍字	黃背景
這行是	白字	深海藍
這行	比較	不一樣
像其他參數一樣，顏色參數指定的優先順序為：單格→一行(列)→整個表格。
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
請參見：色彩列表

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

{| style="width:75%; height:200px" border="1"
|- 
| abc
| def
| ghi
|- style="height:100px" 
| jkl
| style="width:200px" |mno
| pqr
|-
| stu
| vwx
| yz
|}
将得到这样的结果：

abc	def	ghi
jkl	mno	pqr
stu	vwx	yz
层叠样式表
WP内置了CSS，用于格式化表格，可以通过在{|之后加入class="wikitable"或使用模板:Tl模板使用。例如：

{| class="wikitable" style="text-align:center"
|+乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|}
或
{{wt}} 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
关于“表格”的留言：

新增留言提问
--58.218.158.146 (IP 位置 | 谁是 | 贡献) 2011年10月24日 (一) 16:14 (CST)

留言： 我想在一个表格中单独定义某一列的文字内容置中,该怎么设置哦~

新增相关留言