Napole 於 2008年9月2日 (二) 09:35

2008-09-02T09:35:56Z

Napole 於 2008年9月2日 (二) 09:34

2008-09-02T09:34:54Z

顯示變更

Napole 於 2008年9月2日 (二) 09:34

2008-09-02T09:34:13Z

Napole：新页面: 下面介紹的表格符號必須在'''新的一行的開始'''使用（也有例外），並且可以使用一些在HTML表格標記中可用的參數。 ==表格標記== === Table ===...

2008-09-02T09:31:29Z

新页面: 下面介紹的表格符號必須在'''新的一行的開始'''使用（也有例外），並且可以使用一些在HTML表格標記中可用的參數。 ==表格標記== === Table ===...

新頁面

下面介紹的表格符號必須在'''新的一行的開始'''使用（也有例外），並且可以使用一些在HTML表格標記中可用的參數。

==表格標記==

=== Table ===
可以這樣描述一個表格：
<nowiki>{|</nowiki> ''參數''
<nowiki>|}</nowiki>
相當於
<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

==實例==
===簡單的例子===
<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>
同時使用COLSPAN和ROWSPAN：
<pre>
{| border="1" cellpadding="5" cellspacing="0"
|-
! 欄目一 || 欄目二 || 欄目三
|-
| rowspan=2| A
| colspan=2 align="left"| B
|-
| C
| D
|-
| E
| colspan=2 align="left"| F
|-
| rowspan=3| G
| H
| I
|-
| J
| K
|-
| colspan=2 align="left"| L
|}</pre>
將有這樣的效果：
{| border="1" cellpadding="5" cellspacing="0"
|-
! 欄目一 || 欄目二 || 欄目三
|-
| rowspan=2| A
| colspan=2 align="left"| B
|-
| C
| D
|-
| E
| colspan=2 align="left"| F
|-
| rowspan=3| G
| H
| I
|-
| J
| K
|-
| colspan=2 align="left"| 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> 字黃背景藍
| 沒設定顏色
| style="background:red; color:yellow" | 字黃背景紅
| 沒設定顏色
|}
</pre>
生成：
{| border=1
| bgcolor=blue | <font color=yellow> 字黃背景藍
| 沒設定顏色
| 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>[[Help:HTML]]4.01制定16種顏色名稱，附上16進位值如下所示：
{| border="0"
|-
|black
|align="left" style="background:#000000; color:#ffffff; font-family:monospace;" width=15%|#000000
|width=5%| ||silver
|align="left" style="background:#c0c0c0; color:#000000; font-family:monospace;" width=15%|#c0c0c0
|width=5%| ||maroon
|align="left" style="background:#800000; color:#ffffff; font-family:monospace;" width=15%|#800000
|width=5%| ||red
|align="left" style="background:#ff0000; color:#ffffff; font-family:monospace;" width=15%|#ff0000
|-
|navy
|align="left" style="background:#000080; color:#ffffff; font-family:monospace;"|#000080
|| ||blue
|align="left" style="background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff
|| ||purple
|align="left" style="background:#800080; color:#ffffff; font-family:monospace;"|#800080
|| ||fuchsia
|align="left" style="background:#ff00ff; color:#000000; font-family:monospace;"|#ff00ff
|-
|green
|align="left" style="background:#008000; color:#ffffff; font-family:monospace;"|#008000
|| ||lime
|align="left" style="background:#00ff00; color:#000000; font-family:monospace;"|#00ff00
|| ||olive
|align="left" style="background:#808000; color:#ffffff; font-family:monospace;"|#808000
|| ||Yellow
|align="left" style="background:#ffff00; color:#000000; font-family:monospace;"|#ffff00
|-
|teal
|align="left" style="background:#008080; color:#ffffff; font-family:monospace;"|#008080
|| ||aqua
|align="left" style="background:#00ffff; color:#000000; font-family:monospace;"|#00ffff
|| ||gray
|align="left" style="background:#808080; color:#ffffff; font-family:monospace;"|#808080
|| ||white
|align="left" 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:left"
|+乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|}</pre>得到：
{| class="wikitable" style="text-align:left"
|+乘法表
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|}

[[category:幫助文檔|BG]]

←上個修訂		於 2008年9月2日 (二) 09:35 的修訂
第1行：		第1行：
	下面介绍的表格符号必须在'''新的一行的开始'''使用（也有例外），并且可以使用一些在HTML表格标记中可用的参数。		下面介绍的表格符号必须在'''新的一行的开始'''使用（也有例外），并且可以使用一些在HTML表格标记中可用的参数。

−	~~==表格标记==~~
−
−	~~=== Table ===~~
−	~~可以这样描述一个表格：~~
−	~~<nowiki>{\|</nowiki> ''参数''~~
−	~~<nowiki>\|}</nowiki>~~
−	~~相当于~~
−	~~<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~~

	==实例==		==实例==

@@ 第286行： / 第286行： @@
 |}
 ''請參見：[[Help:色彩列表|色彩列表]]''
 [[category:幫助文檔|BG]]

使用說明:表格 - 修訂歷史

Napole 於 2008年9月2日 (二) 09:35

Napole 於 2008年9月2日 (二) 09:34

Napole 於 2008年9月2日 (二) 09:34

Napole：​新页面: 下面介紹的表格符號必須在'''新的一行的開始'''使用（也有例外），並且可以使用一些在HTML表格標記中可用的參數。 ==表格標記== === Table ===...

Napole：新页面: 下面介紹的表格符號必須在'''新的一行的開始'''使用（也有例外），並且可以使用一些在HTML表格標記中可用的參數。 ==表格標記== === Table ===...