Wikipedia:表格
维库,知识与思想的自由文库
|
2003年12月8日软件启用了新的表格符号,可用來代替<table>, <tr>, <td>, <th>, 和<caption>这些HTML标记。 下面介绍的表格符号必须在新的一行的开始使用(也有例外),并且可以使用一些在HTML表格标记中可用的参数。 MediaWiki也支持許多HTML标记,可以直接用在wikitext中。
[编辑] 表格标记表格使用 [编辑] Table可以这样描述一个表格:
{| 参数
|}
相当于 <table 参数> </table> [编辑] TD单元格可以这样产生: |单元1 |单元2 |单元3 或者这样也可以: |单元1||单元2||单元3 相当于 <td>单元1</td><td>单元2</td><td>单元3</td> 其中“||”相当于“新起一行”+“|” 在单元格中可以这样使用参数: |参数|单元1 相当于 <td 参数>单元1</td> [编辑] TH使用方法和TD类似,用“!”代替“|”,用“!!”代替“||”。但是参数仍然使用“|”。 [编辑] TR<tr> 标记在第一行会自动产生新w. 开始一个新行使用: |- 或者 |-------------- 或者 |------------------- 他们都相当于 <tr> 可以这样添加参数: |- 参数 或者 |------- 参数 相当于 <tr 参数> [编辑] CAPTION<caption> 标记可以这样使用: |+ 标题 相当于 <caption>标题</caption> 你也可以使用参数: |+ 参数|标题 相当于 <caption 参数>标题</caption> [编辑] 实例[编辑] 简单的例子
{| border=1
| 单元1,行1
| 单元2,行1
| 单元3,行1
|-
| 单元1,行2
| 单元2,行2
| 单元3,行2
|-
| 单元1,行3
| 单元2,行3
| 单元3,行3
|}
将生成:
[编辑] 复杂的例子注意这个表格将右对齐。
{| align=right border=1
| 单元1, 行1
|rowspan=2| 单元2, 行1+2
| 单元3, 行1
|-
| 单元1, 行2
| 单元3, 行2
|-
| 单元1, 行3
| 单元2, 行3
| 单元3, 行3
|}
同时使用COLSPAN和ROWSPAN:
{| border="1" cellpadding="5" cellspacing="0"
|-
! 栏目一 !! 栏目二 !! 栏目三
|-
| rowspan=2| A
| colspan=2 align="center"| B
|-
| C
| D
|-
| colspan=2 align="center"| E
| F
|-
| rowspan=3| G
| H
| I
|-
| J
| K
|-
| colspan=2 align="center"| L
|}
将有这样的效果:
[编辑] 嵌套表格
{| border=1
|原有
|
{| style="background:blue; color:white" border=2
|插入
|-
|表格
|}
|表格
|}
生成:
[编辑] 带标题的表格
[编辑] 帶顏色的表格有兩種方法讓表格裡的字和背景出現顏色,下面是第一種:
{| 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" | 比較
| 不一樣
|}
生成:
像其他參數一樣,顏色參數指定的優先順序為:單格→一行(列)→整個表格。
請參見:色彩列表 [编辑] 设定行高与列宽整个表格的行高(height)和列宽(width),以及任意列的列宽可以进行设定。要设定任意行的行高,可以通过设定该行任意一个单元格的行高来实现。如果存在行、列的高、宽没有设定,那么表格的显示结果可能随浏览器的不同而不同。
{| style="width:50%; height:200px" border="1"
|-
| abc
| def
| ghi
|- style="height:50px;width:50px"
| jkl
| style="width:120px" |mno
| pqr
|-
| stu
| vwx
| yz
|}
将得到这样的结果:
[编辑] 层叠样式表WP内置了CSS,用于格式化表格,可以通过在
{| 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
|}
都可以得到:
[编辑] 外部链接
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||


