“编辑手册”的版本间的差异

来自通约智库
跳转至： 导航、 搜索
（创建页面，内容为“==表格==”）
 
（→‎表格）
第1行： 第1行：
 
==表格==
 
==表格==
 +
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)
 +
 +
留言： 我想在一个表格中单独定义某一列的文字内容置中,该怎么设置哦~
 +
 +
新增相关留言

2019年12月3日 (二) 07:42的版本

表格

2003年12月8日软件启用了新的表格符号，代替, , 标记在第一行会自动产生新w. 开始一个新行使用： |- 或者 |-------------- 或者 |------------------- 他们都相当于 可以这样添加参数： |- 参数 或者 |------- 参数 相当于 CAPTION <caption> 标记可以这样使用： |+ 标题 相当于 <caption>标题 你也可以使用参数： |+ 参数|标题 相当于

, , 和
这些HTML标记。

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

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

相当于

TD 单元格可以这样产生：

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

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

单元1</td>单元2</td>单元3</td>

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

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

|参数|单元1 相当于

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

TR

Caption 实例 简单的例子
单元1，行1 单元2，行1
单元1，行2 单元2，行2

将生成：

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

单元1, 行1 单元2, 行1 (和2) 单元3, 行1
单元1, 行2 单元3, 行2

单元1, 行1 单元2, 行1 (和2) 单元3, 行1 单元1, 行2 单元3, 行2 模板:Clear同时使用COLSPAN和ROWSPAN：

栏目一 栏目二 栏目三
A B
C D
E F
G H I
J K
L

将有这样的效果：

栏目一 栏目二 栏目三 A B C D E F G H I J K L 嵌套表格

原有
插入
表格
表格

生成：

原有 插入 表格 表格 带标题的表格

这是标题 请参看：
独立 1949年
国家 中华人民共和国
时区 UTC+8
国歌 义勇军进行曲
域名 .cn

这是标题 请参看： 独立 1949年 国家 中华人民共和国 时区 UTC+8 国歌 义勇军进行曲 域名 .cn 帶顏色的表格 有兩種方法讓表格裡的字和背景出現顏色，下面是第一種：

字黃背景藍 沒設定顏色 字黃背景紅 沒設定顏色

生成：

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

這行是 藍字 黃背景
這行是 白字 深海藍
這行 比較 不一樣

生成：

這行是 藍字 黃背景 這行是 白字 深海藍 這行 比較 不一樣 像其他參數一樣，顏色參數指定的優先順序為：單格→一行(列)→整個表格。 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)，以及任意列的列宽可以进行设定。要设定任意行的行高，可以通过设定该行任意一个单元格的行高来实现。如果存在行、列的高、宽没有设定，那么表格的显示结果可能随浏览器的不同而不同。

abc def ghi
jkl mno pqr
stu vwx yz

将得到这样的结果：

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

乘法表
× 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)

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

新增相关留言

取自“http://ty.sseuu.com/index.php?title=编辑手册&oldid=23405”