Fear and Hunger Wiki:常用代碼

出自Fear and Hunger Wiki
跳至導覽 跳至搜尋

本頁主要介紹一些常用編輯代碼,內容來自於Mooncellwiki

一些更深入的代碼引用可以參考維基百科的編輯手冊 可能需要某些特殊瀏覽手段

編輯欄中上方有直接可供使用的文本編輯選項,你也可以自己使用如下常用編輯碼

常用文本效果

基本說明 所輸代碼 顯示效果
字體
斜體
''斜体''
斜體
粗體
'''粗体'''
粗體
斜粗體
'''''斜粗体'''''
斜粗體
下劃線
<u>下划线</u>
下劃線
加粗下劃線
<u>'''加粗下划线'''</u>
加粗下劃線
劃線
<del>划线</del>
劃線
文字居中
<center>居中</center>
居中
文字顏色 {{Color|顏色代碼|文字内容}} 文字內容
段落
不同級別標題
== 2级标题 ==
=== 3级标题 ===
==== 4级标题 ====
===== 5级标题 =====
====== 6级标题 ======
1级标题为页面名,所以无需使用

2級標題

3級標題

4級標題

5級標題
6級標題
分隔線
前文
----
后文

前文


後文

着重列表
* 着重说明
** 更深一级
*** 再深一级
* 着重说明再来一遍
** 再来一遍更深一级
*** 再来一遍再深一级
  • 着重說明
    • 再深一級
      • 更深一級
  • 着重說明再來一遍
    • 再來一遍深一級
      • 再來一遍再深一級
數字條目列表
# 条目说明
## 条目说明再深一级第1条
## 条目说明再深一级第2条
### 条目说明更深一级
# 再来一个新条目说明
## 再深一级
  1. 條目說明
    1. 條目說明再深一級第1條
    2. 條目說明再深一級第2條
      1. 條目說明更深一級
  2. 再來一個新條目說明
    1. 再深一級
定義說明
;项目1
: 定义1
;项目2
: 定义2-1
: 定义2-2
項目1
定義1
項目2
定義2-1
定義2-2
縮進文本
: 缩进1格
:: 缩进2格
::::: 缩进多格
縮進1格
縮進2格
縮進多格
格式混用
# 条目1
#* 条目1重点说明1
#** 条目1'''重点说明'''1-1
# 条目2
#: 条目1说明缩进
#:: 条目1说明再''缩进''
  1. 條目1
    • 條目1重點說明1
      • 條目1重點說明1-1
  2. 條目2
    條目1說明縮進
    條目1說明再縮進
隱藏、摺疊內容
{{Hide|show=|标题=|内容=|对齐=|宽度=px|高度=px}}
河蟹你懂的
  • 測試*測試*測試
其他
簽名
~~~~

[[用戶:Template:CURRENTLOGGEDUSER|Template:CURRENTLOGGEDUSER]]([[用戶討論:Template:CURRENTLOGGEDUSER|討論]]) 2019年2月22日 (五) 12:31 (CST)

提示:請大家善用首行縮進效果,否則會出現一條白色底紋,非常影響美觀。
為了能更好解決編輯上的問題,請在討論頁中使用簽名。

鏈接

說明 方法 示例
直接鏈接
[[贞德]]
貞德
間接鏈接
[[贞德|请参考贞德的页面说明]]
請參考貞德的頁面說明
鏈接到頁面內錨點
[[贞德#牵绊故事]]
貞德#牽絆故事

註腳/角標

基礎

使用<ref>注释内容</ref>即可在文本中加入注脚,

使用<references />显示注释内容。

<references />可以置于在<ref>之下的任意行,通常建议置于页面底端。

範例:

文本<ref>注释内容</ref>文本文本
<references />注释内容会在这里显示

效果:

文本[1]文本文本

  1. 注釋內容

同一註腳的多次使用

使用<ref name="name">可以对注脚进行命名以多次使用,

在二次使用注脚的地方只需插入<ref name="name"/>即可(注意斜杠)。

範例:暫譯聲明

====牵绊故事<ref name="暂译">本从者国服未实装,因此文本由日文文本暂译,译者XXX</ref>====

====相关礼装<ref name="暂译"/>====

====语音<ref name="暂译"/>====

<references />

效果:

牽絆故事[1]

相關禮裝[1]

語音[1]

  1. 1.0 1.1 1.2 本從者國服未實裝,因此文本由日文文本暫譯,譯者XXX

段落

換行

由於MediaWiki在解析wikitext時默認刪去\n(即一次回車換行)。要想另起一段,請留空一行(兩個換行)。您也可以使用HTML標記<br />強制換行另起一段。
建議使用<br />換行。使用<br />換行和\n\n(兩次回車)換行的行間距不一樣,兩次回車換行的行間距大一倍,不利於文本閱讀,也會導致編輯源代碼時代碼過長難以閱讀。

分標籤頁展示

代碼

<tabber>
Tab1 = 内容1
|-|
Tab2 = 内容2
</tabber>

效果:

內容1

內容2


HTML 標記

在 MediaWiki 中允許使用一些HTML標記。比如<code>, <div>, <span> and <font>等。這些標記將在你插入它們的地方生效。

描述 您輸入的 輸出效果
插入標記
(在很多瀏覽器中顯示為下劃線)
<ins>插入标记</ins>

或

<u>下划线</u>

插入標記

下劃線

刪除標記
(在很多瀏覽器中顯示為刪除線)
<del>划掉</del>

或

<del>删除线</del>

划去

刪除線

等寬字體
<code>源代码</code>

或

<code>等宽字体</code>

源代码

等宽字体

引用的內容
之前的文本
<blockquote>引用的内容</blockquote>
之后的文本

之前的文本

引用的內容

之後的文本

評論
<!-- 这行是注释 -->
注释只能编辑时在编辑区域内看到。

注釋只能編輯時在編輯區域內看到。

插入符號

您可以用多種方式錄入無法使用鍵盤直接錄入的符號和其他特殊字符,許多操作系統與瀏覽器都存在允許您通過菜單或操作系統面板插入特殊字符的功能。另外,您也可以使用WikiEditor或VisualEditor來插入它們。

如果以上方法都無法插入特殊字符,您可以用一種特殊字符序列來插入他們。那種序列被稱為HTML實體。比如,&rarr;就是一個序列(實體)。當這個序列被插入時,將會顯示為右箭頭的 HTML 符號 →;&mdash;插入位置將會顯示為破折號(譯者註:英文破折號) HTML 符號 —。


Template:Note

HTML symbol entities
Á á Â â ´ Æ æ À à Α α & Å å Ã ã Ä ä Β β ¦ Ç ç ¸ ¢
Χ χ ˆ © ¤ ° Δ δ ÷ É é Ê ê È è Ε ε Η η
Ð ð Ë ë ƒ ½ ¼ ¾ Γ γ > Í í Î î ¡ Ì ì Ι ι
¿ Ï ï Κ κ Λ λ « < ¯ µ · Μ μ  
¬ Ñ ñ Ν ν Ó ó Ô ô Œ œ Ò ò Ω ω Ο ο ª º Ø ø Õ õ Ö
ö Φ φ Π π ϖ ± £ Ψ ψ " » ® Ρ ρ
Š š § ­ Σ σ ς ¹ ² ³ ß Τ τ Θ θ ϑ Þ þ ˜
× Ú ú Û û Ù ù ¨ ϒ Υ υ Ü ü Ξ ξ Ý ý ¥ ÿ Ÿ Ζ ζ
說明 您輸入的 輸出效果
版權標記 &copy;
©
希臘字符Δ標記 &delta;
δ
歐元標記 &euro;

查閱所有的 HTML 實體列表請前往維基百科的文章XML與HTML字符實體引用列表。同時, MediaWiki 支持兩種非標準的實體引用序列: &רלמ;&رلم; 這些都與&rlm;同等考慮,這是一個右至左符號。(當右至左和左至右語言混合顯示在同一頁面時使用。)

圖像使用

無格式圖片

下列命令可插入無格式圖片:

[[File:大家氪.jpg|大家氪]]

這樣插入的圖片和原始上傳圖片大小一樣。圖片放置的位置是任意的,並且文本不會浮動(環繞四周)。例如:

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 大家氪 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

請注意圖片在何處將文本分成兩塊是取決於標記的放置位置的。

指定位置

現在,例如我們需要:

  1. 文本浮動(環繞四周)於圖片;或
  2. 指定圖片放置的位置(左、右、嵌入等)。

要做到這一點,只需添加如下定位語句。

例1 - 右對齊,浮動

[[File:大家氪.jpg|right|大家氪]]

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

例2 - 右對齊,浮動,帶標題

通常將這些命令放置在段落開頭,這樣圖像便可浮動在段落的右側——許多條目的開頭常常這樣做。

[[File:大家氪.jpg|right|大家氪]]
大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

例3 - 左對齊,浮動

[[File:大家氪.jpg|left|大家氪]]

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

例4 - 置中, 不浮動

[[File:大家氪.jpg|center|大家氪]]

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

例5 - 不浮動

[[File:大家氪.jpg|none|大家氪]]

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

使用框架,添加標題

圖片常常需要一個標題來進行描述,這時就需要使用框架將它們框起來。

[[File:大家氪.jpg|thumb|此圖為大家氪]]

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

此圖為大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

縮略圖

縮略圖會將圖片框起來,並在右下角顯示一個放大的標記。這是一個讓用戶知道一個尺寸更大的版本的好方法。縮略圖也讓我們可以指定圖片的標題(關於題注的撰寫,參見Wikipedia:zh:wikipedia:題注)。

[[File:大家氪.jpg|thumb|大家氪]]

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

調整大小

當圖片太大的時候,我們可能希望在條目中只顯示一幅相應的較小的圖。

維基格式支持自動調整大小;換言之,當貢獻者上傳了某一大小的圖片後,當其他人查看條目時,圖片會自動調整為指定的大小。例如,我們需要圖片寬100像素:

[[File:大家氪.jpg|100px]]

大家氪.jpg

在典型的支持圖片的瀏覽器中,若用戶將鼠標移至圖片上,將顯示「100px」的提示字樣;而在文本瀏覽器中,「100px」會在圖片的位置顯示出來。我們可以通過指定交替文本來改變它,如下:

[[File:大家氪.jpg|100px|大家氪]]

大家氪

如果要使之變成500像素寬:

[[File:大家氪.jpg|500px|大家氪]]

大家氪

通常這些過大的圖片都不應該放置在條目內文里,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。

另外請注意當圖片分辨率小於設置的寬度時,圖片會被強行拉伸導致解析度會下降。所以請避免把小圖放大。


除了上述按照寬度調整圖像,也可以按照高度調整圖像:

[[File:大家氪.jpg|x100px]]

大家氪.jpg

與寬度不同,當圖片高度小於設置的高度時,圖片不會被強行拉伸。

帶有鏈接的圖片

如果你想點擊圖片,使之跳轉到特定條目,可以這樣寫:

[[File:大家氪.jpg|link=首页]]

大家氪.jpg

同樣的,link語法也支持外部鏈接:

[[File:Wikipedia-logo.png|link=https://zh.wikipedia.org/wiki/Wikipedia:首页]]

File:Wikipedia-logo.png

結合不同選項

好了,前面的命令都很不錯。不過如果不將它們結合起來使用,其實是沒有太大用處的。現在,我們有一幅圖片需要進行浮動、右對齊、縮略圖、調整為100像素寬、鏈接到首頁、並有一個標題。這時只需要將前面的參數一塊用上就可以了。參數的順序通常無所謂,但須保證圖片名是第一個參數,而標題只能在最後一個

[[File:大家氪.jpg|thumb|100px|right|link=首页|大家氪]]

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

避免圖像「堆積」

許多用戶進行圖像浮動時常碰到一個問題,就是多幅圖片有時會水平地「堆積」在一起,對於大型圖片尤其如此。「最佳」的解決方法是,添加更多的文本,但有時這是不可能的。本節將介紹一些解決辦法。

大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

File:Wikipedia-logo.png
維基百科的標誌


聯合對齊相似圖片

經常會有兩幅從邏輯上講需要歸於一組的相似圖片。為做到這一點,需要加入一些html標記:

  <div style="float:right;width:315px;">
  [[File:大家氪.jpg|right|thumb|300px|大家氪]]

  [[File:Wikipedia-logo.png|right|thumb|200px|维基百科的标志]]
  </div>
大家氪


File:Wikipedia-logo.png
維基百科的標誌


Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點。


有時候也可以水平對齊兩幅圖像:

大家氪
大家氪
[[File:大家氪.jpg|left|thumb|300px|大家氪]]
[[File:大家氪.jpg|none|thumb|300px|大家氪]]

不過,這應當較少採用,因為對使用較窄的瀏覽器窗口者有可能導致圖片超過屏幕的右邊緣。

實現這個效果的方法是利用表格標記:

{|
|-
| [[File:大家氪.jpg|none|thumb|300px|大家氪]]
| [[File:大家氪.jpg|none|thumb|300px|大家氪]]
|}

另一種避免過寬的辦法是,將兩幅圖都左對齊,直接進行堆積。

大家氪
大家氪


[[File:大家氪.jpg|left|thumb|300px|大家氪]]
[[File:大家氪.jpg|left|thumb|300px|大家氪]]
<br style="clear:both;" />

這條命令

<br style="clear:both;" />

是為了防止後面的文字直接顯示在圖片旁。

左右交替浮動

或許最簡便的方式便是採用左右交替浮動的方法了 —— 這種方式使得兩幅圖片不會互相干擾,更不會疊加在一起。

大家氪
File:Wikipedia-logo.png
維基百科的標誌

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

強迫換行

最後的手段是強迫瀏覽器加一空白行,令所有文字和圖片都在第一幅圖片之下出現。但圖片旁的文字之下可能會出現唐突的空白。記住,用戶的瀏覽器、顯示屏解像度、預設的文字大小、瀏覽器上工具列的數目等不同設定,都可能影響文本如何浮動和環繞圖片。因此,不要為了令頁面在你的電腦上看來美觀而強行改變頁面設計。只有在必須的情況下才把頁面「劈開」。可以的話,讓頁面根據編輯排列即可。

   <br style="clear:both;" />

註:也可以用{{clear}}替代上句代碼,效果一樣。用{{-}}替代上句代碼時會額外多空出一行,可視情況使用。

大家氪

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

File:Wikipedia-logo.png
維基百科的標誌

Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點 Mooncell,由FGO愛好者搭建並協作編寫的wiki類資料站點

圖片集

維基標記語言和層疊樣式表(CSS)

要在圖片集展示一系列圖片,一個簡單的方法是使用維基標記語言和層疊樣式表(CSS):讓所有圖片靠左浮動,並在其後清除靠左浮動的設定,以免圖片在圖片集以後的內容中出現。


[[File:大家氪.jpg|128px|thumb|left|大家氪1]]
[[File:大家氪.jpg|128px|thumb|left|大家氪2]]
[[File:大家氪.jpg|128px|thumb|left|大家氪3]]
[[File:大家氪.jpg|128px|thumb|left|大家氪4]]
[[File:大家氪.jpg|128px|thumb|left|大家氪5]]
[[File:大家氪.jpg|128px|thumb|left|大家氪6]]
<br style="clear: left"/>

好處:簡單、圖片會根據頁面大小換行。

大家氪1
大家氪2
大家氪3
大家氪4
大家氪5
大家氪6


畫廊語法

<gallery> 標籤製作一個由縮略圖組成的畫廊是很簡單的。語法是:

<gallery>
File:文件名.扩展名|标题|alt=替代语言
File:文件名.扩展名|标题|alt=替代语言
{...}
</gallery>

注意:當圖片代碼包括在畫廊標籤中時,是不必用方括號將其包裹起來的。

標題是可選的,也可包含維基鏈接或者其它格式。

如果圖片位於 File 命名空間中,則可以省略 File: 前綴。

  • alt屬性的功能是,當圖片無法打開(網速過慢、瀏覽器禁用圖像 等原因)時,圖片應有的位置會顯示 alt= 之後的內容。缺省時是圖片名。

例如:

<gallery>
File:大家氪.jpg|第一项
File:大家氪.jpg|链接到[[:Mooncell:关于]]
File:大家氪.jpg
File:大家氪.jpg|alt=拉二正在让大家氪
File:大家氪.jpg|''斜体的标题''
File:大家氪.jpg|位于页面“{{PAGENAME}}”
</gallery>

會被格式化為:

可選的畫廊屬性

gallery 標記自身接受幾個額外參數,可通過成對的「名稱-值」來指定:

<gallery {参数}>
{图片}
</gallery>
  • caption="{标题}":(若標題文本中包含空格,應使用雙引號將其包括起來)在畫廊頂端中間位置顯示一個標題。
  • widths={宽度}px:設置圖片寬度,默認為 120px。注意,是每張圖片的寬度。
  • heights={高度}px:設置圖片的(最大)高度。
  • perrow={整数}:設置每行顯示的圖片數。
  • showfilename={任意值}:將每張圖片的文件名顯示為單獨的標題 (1.17+)

示例:

代碼:

<gallery widths=60px heights=60px perrow=7 caption="拉二正在让大家氪">
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
</gallery>

結果:

模式參數

從mediawiki 1.22版本開始,gallery標籤新加入了模式參數功能, 可選參數如下:

  • traditional: 標準默認的畫廊模式。
  • nolines: 標準模式去掉了外圍方框。
  • packed: 設置圖片為統一高度,系統自動根據長寬比調整圖片寬度,根據屏幕寬度調整每行圖片數。
  • packed-overlay: packed模式外文字說明和半透明背景框。
  • packed-hover: packed模式,鼠標懸浮時顯示文字說明+半透明背景框。
  • slideshow: 幻燈片模式,可以點擊切換圖片或查看所有畫廊內的圖片。(mediawiki 1.23新增)

舉個例子說明:

mode="traditional" 標準模式
<gallery mode="traditional">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="nolines" 無框標準模式
<gallery mode="nolines">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="packed" 填充模式
<gallery mode="packed">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="packed-overlay" 帶字幕的填充模式
<gallery mode="packed-overlay">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="packed-hover" 鼠標懸浮時顯示文字的填充模式
<gallery mode="packed-hover">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="silideshow" 幻燈片模式

這個模式默認會讓畫廊占據所有可用空間,通常會使圖片顯示過大。由於高heights和寬weights參數在此模式被忽略,因此畫廊的尺寸需要像下面一樣手動限制。注意此處限制的是畫廊可用的最大尺寸,而非畫廊內圖片的尺寸。

{|width=800px
|-
|<gallery mode="slideshow">
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
</gallery>
|}

鏈接到圖片但不顯示圖片

假如你想鏈接到圖片但不顯示的話,有兩個方法可以做到。

[[Media:大家氪.jpg]]

Media:大家氪.jpg

請注意那是 "Media" 而非 "File"。當按下該鏈接,瀏覽器會自動開啟鏈接的圖片。你亦可以改變顯示的文字。

[[Media:File:大家氪.jpg|这是大家氪]]

這是大家氪

若要連到圖像頁(包含何人、何時上載及版權資訊等資料),而非直接連到圖像,你可以這樣寫:

[[:File:大家氪.jpg]]

File:大家氪.jpg

這圖片跟本指南第一個圖片的唯一分別是在"Image"之前加了一個冒號 (:)。

如上所述,你可以隨意改動鏈接的文字。

[[:File:大家氪.jpg|该链接直接连到标志的图像页]]

該鏈接直接連到標誌的圖像頁

顯示頭像

用模板:GetAvatar

音頻使用

上傳文件注意事項

Mooncell可以上傳並在條目中播放音頻,原則上,上傳的音頻文件應符合「合理利用」原則,為豐富條目質量而添加。

上傳違反法律法規的文件,以及大量上傳侵犯版權的文件是不允許噠! 違規文件會被刪除,多次違規的話會有封禁懲罰哦!

音頻文件名建議使用數字和英文字母。包含符號/漢語/日語等文字會導致部分瀏覽器下無法播放音頻。

同樣「,」一類的字符存在命名中,可能被插件錯誤識別,導致無法播放音頻。請不要在命名中出現這類符號。

提示:我們不建議您在插入音頻時設置自動播放!這可能會影響到瀏覽者的體驗!

嵌入語音文件

使用模板:音頻播放按鈕

範例

{{音频播放按钮|绝剑.ogg}}

Template:音頻播放按鈕

高級表格屬性

Wiki表格標示摘要

{| 表格起始,必需
|+ 表格 標題選用;每張表格只能出現一次且介於表格起始第一行
|- 表格行第一行選用 -- wiki 引擎會假設是第一行
! 表格標題 儲存格, 選用。 可以使用(!!)在同一行加入接續的表格標題或是單獨使用(!)換新的一行 。
| 表格數據調用,可選。 可以使用(||)接續表格資料儲存格或是單獨使用(|)。
|} 表格末尾必要
  • 上述符號必須出現在新行的開頭除了當在同一行中想要延續儲存格所增用的變||!!。然而,行開頭的空格會被忽略。
  • HTML 屬性。 每一個符號,除了表格的末尾,可選擇性的接受一或多個 HTML 屬性。 屬性必須與符號在同一行。 請使用一個空格隔開每一項屬性。
    • 儲存格與標題(|或是||!或是!!,以及|+)持有表格內容。 所以要使用單線(|)來區隔屬性與內容。 儲存格內容可以都位在同一行或是換到另一行。
    • 表格與行的符號({||-)並不直接持有內容。 在它們的屬性之後請不要加入管線(|)。 如果你在表格與行符號的屬性之後錯誤的加入管線符號,剖析器會將之刪除 以及之後任何觸及該出錯管線的屬性!
  • 內容 (a) 可以任何選用的 HTML 屬性之後跟着同一行它的儲存格標記或是 (b) 儲存格標記的下一行。 使用 wiki 標示語言的內容本身需要自新的一行開始,例如清單,表頭,或是表格內接的表格,必須在它自個兒的新行。
    • 管道符號作為內容。 在表格中插入(|),可以使用<nowiki>|</nowiki>避免成為標示語言的一部分。

基礎

下面這個表格沒有外框與留白,但是顯示了最簡單的 wiki 表格標示語言的結構。

您輸入的 您輸出的
{|
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
橘子 蘋果
麵包
奶油 冰淇凌

想要排列得更像表格,可以使用 wiki 標示語言||將儲存格分開但又並排於同一行。 如果單元格中的文本包含了換行符,可使用<br/>替代。

您輸入的 輸出效果
{|
|橘子||苹果||更多
|-
|面包||饼||更多
|-
|奶油||冰<br />淇淋||和<br />更多
|}
橘子 蘋果 更多
麵包 更多
奶油
淇淋

更多

如下面的Wiki標示語言,單元格包含額外空格,這不影響實際表格的呈現。

您輸入的 您輸出的
{|
|  橘子 || 苹果 || 更多
|-
|   面包 || 饼 || 更多
|-
|   奶油 || 冰淇凌 || 以及更多
|}
橘子 蘋果 更多
麵包 更多
奶油 冰淇凌 以及更多

您當然也可以在單元格中輸入更長的文本或者更複雜的Wiki語法:

您輸入的 您輸出的
{|
|Lorem ipsum dolor sit amet, 
consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, 
sed diam voluptua. 

At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum
dolor sit amet. 
|
* Lorem ipsum dolor sit amet
* consetetur sadipscing elitr
* sed diam nonumy eirmod tempor invidunt
|}
Lorem ipsum dolor sit amet,

consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet
  • consetetur sadipscing elitr
  • sed diam nonumy eirmod tempor invidunt

表格頭部

表格的頭部可以通過使用「!」(感嘆號)替代「|」(管道符號)創建。 標頭通常顯示為粗體,並默認居中。

您輸入的 您輸出的
{|
! style="text-align:left;"| 项
! 金额数量
! 价钱
|-
|橘子
|10
|7.00
|-
|面包
|4
|3.00
|-
|奶油
|1
|5.00
|-
!总计
|
|15.00
|}
金額數量 價錢
橘子 10 7.00
麵包 4 3.00
奶油 1 5.00
總計 15.00

注意:當使用屬性作為標頭「項目」時,需使用一個豎線條「|」分隔。 而不是感嘆號「!」。

標題

表格標題可以添加到任何表的頂部,如下所示。

您輸入的 您輸出的
{|
|+食品和配餐
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
食品和配餐
橘子 蘋果
麵包
奶油 冰淇凌

class="wikitable"

通過添加 class="wikitable" ,可以使表格實現:淺灰色背景、可見邊框、內邊距、左對齊的基本樣式。

您輸入的 您輸出的
{| class="wikitable"
|+食品和配餐
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
食品和配餐
橘子 蘋果
麵包
奶油 冰淇凌

HTML 列距和行距

您可以在單元格可以使用HTML colspanrowspan屬性進行高級布局。

您輸入的 您輸出的
{| class="wikitable"
!colspan="6"|购物清单
|-
|rowspan="2"|面包和奶油
|派
|小圆面包
|丹麦甜糕饼
|colspan="2"|羊角面包
|-
|奶酪
|colspan="2"|冰淇凌
|奶油
|酸奶酪
|}
購物清單
麵包和奶油 小圓麵包 丹麥甜糕餅 羊角麵包
奶酪 冰淇凌 奶油 酸奶酪

HTML 屬性

你可以添加HTML屬性到表格。 這些屬性的規範來源,請參考W3C的HTML表格規格頁面

添加屬性到表格

將表格屬性添加到({|)後將應用屬性到整個表格。

您輸入的 您輸出的
{| class="wikitable" style="text-align: center; color: green;"
|橘子
|苹果
|12,333.00
|-
|面包
|饼
|500.00
|-
|奶油
|冰淇凌
|1.00
|}
橘子 蘋果 12,333.00
麵包 500.00
奶油 冰淇凌 1.00

單元格屬性

你可以將屬性加諸於個別的儲存格。 例如數字靠右對齊會比較好看。

您輸入的 您輸出的
{| class="wikitable"
| 橘子
| 苹果
| style="text-align:right;" | 12,333.00
|-
| 面包
| 饼
| style="text-align:right;" | 500.00
|-
| 奶油
| 冰淇凌
| style="text-align:right;" | 1.00
|}
橘子 蘋果 12,333.00
麵包 500.00
奶油 冰淇凌 1.00

當您在單行中列出多個單元格時,也可以使用單元格屬性。 注意單元格是被||分隔的,且每個單元格的屬性和內容是被|分隔的。

您輸入的 您輸出的
{| class="wikitable"
| 橘子 || 苹果     || style="text-align:right;" | 12,333.00
|-
| 面包 || 饼       || style="text-align:right;" | 500.00
|-
| 奶油 || 冰淇凌 || style="text-align:right;" | 1.00
|}
橘子 蘋果 12,333.00
麵包 500.00
奶油 冰淇凌 1.00

行屬性

你也可以將屬性加諸於個別的

您輸入的 您輸出的
{| class="wikitable"
| 橘子
| 苹果
| style="text-align:right;"| 12,333.00
|-
| 面包
| 饼
| style="text-align:right;"| 500.00
|- style="font-style: italic; color: green;"
| 奶油
| 冰淇凌
| style="text-align:right;"| 1.00
|}
橘子 蘋果 12,333.00
麵包 500.00
奶油 冰淇凌 1.00

添加簡單的一像素表格邊框

一個為表格添加一像素寬的邊框的例子:

您輸入的 您輸出的
{| border="1" style="border-collapse:collapse"
| 橘子
| 苹果
|-
| 面包
| 饼
|}
橘子 蘋果
麵包

邊框寬度

如果「border-width:」的值只有一個的話,值將應用於所有邊框。

您輸入的 您輸出的
{|style="border-style: solid; border-width: 20px"
|
您好!
|}

您好!

如果「border-width:」多於一個值時,四個數字分別代表頂部,右側,底部,左側的寬度(請記住這個順序)

您輸入的 您輸出的
{|style="border-style: solid; border-width: 10px 20px 100px 0"
|
您好!
|}

您好!

當少於四個值時,左部的值變為右部,底部的值變為頂部,右部的值變為頂部。

另一種定義單元格四邊寬度的方法可以通過使用 "border-left"、"border-right"、"border-top"和"border-bottom":

您輸入的 您輸出的
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black;" align="center" 
|
您好!
|}

您好!

Template:Note

搭配 HTML 屬性與 CSS 樣式

CSS樣式屬性可以同時搭配或不搭配其他 HTML 屬性

您輸入的 您輸出的
{| class="wikitable" style="color:green; background-color:#ffffcc;" cellpadding="10"
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
橘子 蘋果
麵包
奶油 冰淇凌
屬性

屬性可以添加到標題和標題行,如下所示。

您輸入的 您輸出的
{| class="wikitable"
|+ style="caption-side:bottom; color:#e76700;"|''食品和配餐''
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
食品和配餐
橘子 蘋果
麵包
奶油 冰淇凌
列寬

列寬可以通過如下方式添加。

您輸入的:

{| style="color: black; background-color: #ffffcc; width: 85%;"
| colspan="2" | 此列列宽为屏幕宽度的85%,并带有背景色。
|-
| style="width: 30%; background-color: white;"|
'''此列列宽为屏幕宽度的85%中的30%'''
| style="width: 70%; background-color: orange;"|
'''此列列宽为屏幕宽度的85%中的70%,并带有背景色'''
|}

您輸出的:

此列列寬為屏幕寬度的85%,並帶有背景色。
此列列寬為屏幕寬度的85%中的30% 此列列寬為屏幕寬度的85%中的70%,並帶有背景色

表頭單元格的輔助功能

表頭單元格沒有明確指定它們應用於哪些表格數據單元格(在同一行的右側,或同一列下面的那些)。 當表在可視2D環境中呈現時,通常很容易推斷出來。

但是,在非可視媒體上呈現表時,可以使用表頭單元格的scope="row"或者scope="col"屬性幫助瀏覽器確定哪個表頭單元格適用於任何選定單元格的描述(以便在某些輔助功能幫助器中重複其內容)。

在大多數情況下,對於簡單表,您將在第一行的所有標題單元格上使用scope="col",在下列行的第一個單元格上使用scope="row"

您輸入的 您輸出的
{| class="wikitable"
|-
! scope="col"| 项目
! scope="col"| 数量
! scope="col"| 价格
|-
! scope="row"| 面包
| 0.3 kg
| $0.65
|-
! scope="row"| 奶油
| 0.125 kg
| $1.25
|-
! scope="row" colspan="2"| 总计
| $1.90
|}
項目 數量 價格
麵包 0.3 kg $0.65
奶油 0.125 kg $1.25
總計 $1.90

對齊

表格對齊

表格的對齊通過使用CSS實現。 表格對齊由外邊距控制,一側的固定邊距將使表格與該側面對齊,如果在另一側,則邊緣被定義為「自動」。

一個右對齊表格的例子:

您輸入的 您輸出的
{| class="wikitable" style="margin-left: auto; margin-right: 0px;"
| 橘子
| 苹果
|-
| 面包
| 饼
|-
| 奶油
| 冰淇凌 
|}
橘子 蘋果
麵包
奶油 冰淇凌

一個居中表格的例子:

您輸入的 您輸出的
{| class="wikitable" style="margin: auto;"
| 橘子
| 苹果
|-
| 面包
| 饼
|-
| 奶油
| 冰淇凌 
|}
橘子 蘋果
麵包
奶油 冰淇凌

文本環繞表格

如果您將表格與頁面的右側或左側對齊,表格後面的文本將在表格結尾處開始,並在表格周圍留下空白。 通過使表圍繞文本「浮動」,而不是僅對齊文本,可以使文本圍繞表進行換行。 這可以通過使用floatcss屬性實現,該屬性可以指定表浮動到右側或左側的位置。 使用「浮動」時,頁邊距不控制表的對齊方式,可用於指定表與周圍文本之間的頁邊距。

您輸入的 您輸出的
{| class="wikitable" style="float:right; margin-left: 10px;"
| 橘子
| 苹果
|-
| 面包
| 饼
|-
| 奶油
| 冰淇凌 
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna aliquam erat volutpat. Ut wisi 
enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisl ut aliquip ex ea 
commodo consequat. Duis autem vel eum iriure dolor 
in hendrerit in vulputate velit esse molestie consequat, 
vel illum dolore eu feugiat nulla facilisis at vero 
eros et accumsan et iusto odio dignissim qui blandit 
praesent luptatum zzril delenit augue duis dolore te 
feugait nulla facilisi.
橘子 蘋果
麵包
奶油 冰淇凌

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

單元格內容對齊

單元格內容的對齊受兩個不同CSS的屬性控制text-alignvertical-align控制。 text-align可以在表格、行或單個單元格中指定,而vertical-align只能在單個行或單元格中指定。

您輸入的 您輸出的
{| class="wikitable"
|- style="vertical-align:top;"
| style="height:100px; width:100px; text-align:left;" | A
| style="height:100px; width:100px; text-align:center;" | B
| style="height:100px; width:100px; text-align:right;" | C
|- style="vertical-align:middle;"
| style="height:100px; width:100px; text-align:left;" | D
| style="height:100px; width:100px; text-align:center;" | E
| style="height:100px; width:100px; text-align:right;" | F
|- style="vertical-align:bottom;"
| style="height:100px; width:100px; text-align:left;" | G
| style="height:100px; width:100px; text-align:center;" | H
| style="height:100px; width:100px; text-align:right;" | I
|}
A B C
D E F
G H I

摺疊內容

如果文字或者圖片過多,可以將多餘的文字或者圖片摺疊起來。mw-collapsible:開啟表的摺疊功能,mw-collapsed:開啟表的默認摺疊功能,不輸入mw-collapsed的情況下表默認為展開,需要手動點擊才能摺疊。

您輸入的 您輸出的
{| class="wikitable mw-collapsible mw-collapsed"
!rowspan="3" |大家氪
|-
|[[File:大家氪.jpg|128px|thumb|left|大家氪1]]
|[[File:大家氪.jpg|128px|thumb|left|大家氪2]]
|[[File:大家氪.jpg|128px|thumb|left|大家氪3]]
|}
大家氪
大家氪1
大家氪2
大家氪3

篩選功能

  1. 為需要進行數據篩選的表格添加樣式類filterable,然後在需要篩選的列頭上添加樣式類filterable-head
  2. 頁面在顯示表格時會在列頭末尾加上淺色的篩選圖標。
  3. 點擊圖標即可打開篩選菜單。

相關說明

  1. 篩選器未生效時(沒有輸入任何篩選字段且篩選項目為全選狀態)圖標為灰色,生效時圖標為黑色。
  2. 篩選字段與全體篩選項目之前為與關係(即只有同時符合這兩種篩選條件的行才會保留)。篩選項目之間為或關係(即只要符合其中一個篩選項目的行就會保留)。
  3. 篩選的依據是單元格的內的文本內容(如果單元格中只有圖片,那這個單元格很可能會被判定為空)。
  4. 篩選操作有0.5秒的緩衝間隔。也就是說,間隔不超過0.5秒的連續操作中只有最後一次的操作結果才會真正執行。這種設定也會讓篩選有一個短暫的延遲。

示例

{| class="wikitable filterable"
! id
! class="filterable-head" | first_name
! last_name
! class="filterable-head" | gender
|-
|1||Jessalyn||Corstorphine||Female
|-
|2||Loutitia||Smallman||Female
|-
|3||Collin||Toland||Male
|-
|4||Huberto||Coxall||Male
|-
|5||Nixie||Schober||Female
|-
|6||Saba||Bradberry||Female
|-
|7||Dolores||Duffer||Female
|-
|8||Sinclare||Torregiani||Male
|-
|9||Darci||Atlee||Female
|-
|10||Lorry||Flavelle||Male
|}

上面的代碼會產生下面的效果:

id first_name last_name gender
1 Jessalyn Corstorphine Female
2 Loutitia Smallman Female
3 Collin Toland Male
4 Huberto Coxall Male
5 Nixie Schober Female
6 Saba Bradberry Female
7 Dolores Duffer Female
8 Sinclare Torregiani Male
9 Darci Atlee Female
10 Lorry Flavelle Male

注意事項

負數

如果你要在一行的第一個單元格中顯示負數(例如 |-6 ),其中的負號可能會導致顯示不正常。因為MediaWiki軟件會認為你的標記並不是新單元格,而是新行 (|-)。 避免的方法是在負號前加空格(| -6)或者使用單行單元格標記(|| -6)。

投票功能

語法

<poll>
问题
选项1
选项2
选项3
选项4
</poll>

範例

<poll>
这是一个毫无疑问的问题
这是一个毫无疑问的答案1
这是一个毫无疑问的答案2
这是一个毫无疑问的答案3
</poll>


效果

<poll> 站長是不是很帥? 是的,沒錯 當然,我也是這樣認為的 我十分認同 </poll>

額外參數

你可以通過額外參數來設置是否在投票前查看目前的投票結果 使用0或者1代表開啟或關閉

<poll show-results-before-voting=1>
<poll show-results-before-voting=0>

如:

<poll show-results-before-voting=1> 這是一個毫無疑問的問題 這是一個毫無疑問的答案1 這是一個毫無疑問的答案2 這是一個毫無疑問的答案3 </poll>

<poll show-results-before-voting=0> 這是一個毫無疑問的問題 這是一個毫無疑問的答案1 這是一個毫無疑問的答案2 這是一個毫無疑問的答案3 </poll>