幫助:表格的實(shí)現(xiàn)

wiki表格的使用一直是很常用但不容易掌握的知識(shí)。在站長(zhǎng)百科WIKI站中，可以使用HTML語法來創(chuàng)建表格，但是我們強(qiáng)烈建議使用WIKI語法來創(chuàng)建，因?yàn)閃IKI語法通常會(huì)更加簡(jiǎn)便。如果想要熟練地使用Wiki語法制作表格，可能還是需要一些HTML語法知識(shí)。

最簡(jiǎn)單的表格代碼如下：

{| border="1"
|-
! 表頭1
! 表頭2
! 表頭3
|-
| 第一行第一列
| 第一行第二列
| 第一行第三列
|-
| 第二行第一列
| 第二行第二列
| 第二行第三列
|}

效果如下：

表頭1	表頭2	表頭3
第一行第一列	第一行第二列	第一行第三列
第二行第一列	第二行第二列	第二行第三列

目錄

• 1 基本語法
  • 1.1 簡(jiǎn)單表格的實(shí)現(xiàn)
• 2 表格的嵌套
• 3 表格里增加內(nèi)鏈
• 4 設(shè)定表格的行高與列寬

基本語法

簡(jiǎn)單表格的實(shí)現(xiàn)

• Wiki表格需要通過“{|”和“|}”兩個(gè)記號(hào)界定其起止，如下:

{|
表格內(nèi)容
|}

• 表格的開頭可以通過“|+”記號(hào)添加一個(gè)標(biāo)題，此標(biāo)題位于表格之外，如下：

{|
|+ 表格標(biāo)題
   表格內(nèi)容
|}

• 使用標(biāo)記“|-”可以添加一個(gè)新行，而其中的單元格會(huì)在其后自動(dòng)加入：

{|
|+ 表格標(biāo)題
|- 單元格內(nèi)容
|- 單元格內(nèi)容
|}

• 每一個(gè)記號(hào)“|”開始一個(gè)單元格:

{|
|+ 表格標(biāo)題
|-
| 單元格內(nèi)容
|-
| 下一行單元格內(nèi)容
| 另一列的單元格內(nèi)容
|}

• 隔行的標(biāo)記“|”可以替換為不用換行的“||”，如下：

{|
|+ 表格標(biāo)題
|-
| 單元格 || 單元格 || 單元格
|-
| 單元格
| 單元格
| 單元格
|}

*注意，如果在同一行中包含多個(gè)“|”標(biāo)記，則會(huì)產(chǎn)生一些意想不到的效果，如：
<font size="4px"><pre>{| border="1"
|-
|格式修飾符（不顯示）| 單元格內(nèi)容 
|-
|}

效果如下：

單元格內(nèi)容

• 針對(duì)上面的格式修飾符，舉個(gè)簡(jiǎn)單的例子：

{| border="1px"
|-
|第一格（沒用修飾符）
|-
|align="right" |第二格（右對(duì)齊）
|}

效果如下：

第一格（沒用修飾符）

第二格（右對(duì)齊）

• 將表格中的管道符“|”置換為“!”，||”置換為“!!”，則會(huì)顯示加粗的表頭。

• 關(guān)于border參數(shù)的取值，有興趣的朋友可以試一下改變border值的大小，看看顯示的效果！

讓我們來整理一下以上的內(nèi)容：

{| border="1px"
|+ 乘法表
|-
! X !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|}

看看它顯示的效果：

乘法表

X	1	2	3
1	1	2	3
2	2	4	6

稍微復(fù)雜點(diǎn)的：

{| align="right" border="1px"
|-
|單元1，行1
|rowspan=2| 單元2,行1+2
|單元3，行1
|-
| 單元1，行2 || 單元3，行2
|-
| 單元1，行3 || 單元2，行3 || 單元3，行3
|}

看一下顯示的效果：

單元1，行1	單元2,行1+2	單元3，行1
單元1，行2		單元3，行2
單元1，行3	單元2，行3	單元3，行3

同時(shí)使用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
|}

將會(huì)看到這樣的效果：

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

表格的嵌套

{| border="1"
|+ <font color=red>表格的嵌套</font>
| 原有
|
{| style="background:blue; color:white" border="2"
|- 
| 插入
|-
| 表格
|}
| 表格
|}

效果如下：

表格的嵌套

原有

插入 表格

表格

表格里增加內(nèi)鏈

{| border=1
|[[站長(zhǎng)百科]] || [[Wiki]]
|-
|[[數(shù)據(jù)庫]] || [[MySql]]
|}

效果如下：

站長(zhǎng)百科	Wiki
數(shù)據(jù)庫	MySql

設(shè)定表格的行高與列寬

整個(gè)表格的行高(height)和列寬(width)，以及任意列的列寬可以進(jìn)行設(shè)定。要設(shè)定任意行的行高，可以通過設(shè)定該行任意一個(gè)單元格的行高來實(shí)現(xiàn)。如果存在行、列的高、寬沒有設(shè)定，那么表格的顯示結(jié)果可能隨瀏覽器的不同而不同。

{| style="width:50%; height=200px" border=1
|-
| A
| B
| C
|- style="height=50px; width:50px" 
| D
| style="width:120px"| E
| F
|-
| G
| H
| I 
|}

效果如下：

A	B	C
D	E	F
G	H	I