Help:表格

出自 MBA智库百科(https://wiki.mbalib.com/)

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

目录

表格标记

Table

可以这样描述一个表格: {| 参数 |} 相当于

TD

单元格可以这样产生: |单元1 |单元2 |单元3 或者这样也可以: |单元1||单元2||单元3 相当于

单元1单元2单元3

其中“||”相当于“新起一行”+“|”

在单元格中可以这样使用参数: |参数|单元1 相当于

TH

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

TR

标记在第一行会自动产生新w. 开始一个新行使用: |- 或者 |-------------- 或者 |------------------- 他们都相当于 可以这样添加参数: |- 参数 或者 |------- 参数 相当于

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

同时使用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" | 比较
| 不一样
|}

生成:

这行是 蓝字 黄背景
这行是 白字 深海蓝
这行 比较 不一样

像其他参数一样,顏色参数指定的优先顺序為:单格→一行(列)→整个表格。
Help: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"。例如:

{| 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

以上内容根据网友推荐自动排序生成