圖像教學

出自CiviWiki

在本文中，所有例子都將採用省土木技師公會的標誌來完成。

欲在條目中貼上圖片時,請先使用工具箱中的上傳檔案將圖片上傳(記得要壓縮成網頁合適的大小,建議不超過400*300),然後才能在網頁中貼上該圖片

目錄 1 無格式圖像 2 指定位置 2.1 例1 - 右對齊，浮動 2.2 例2 - 右對齊，浮動，帶標題 2.3 例3 - 左對齊，浮動 2.4 例4 - 置中, 不浮動 2.5 例5 - 不浮動 3 使用框架，添加標題 4 縮圖 5 調整大小 6 結合不同選項 7 避免圖像"堆積" 7.1 聯合對齊相似圖片 7.2 左右交替浮動 7.3 強迫換行 7.4 圖片集 7.4.1 維基標記語言和層疊樣式表(CSS) 7.4.2 新的MediaWiki<gallery>標記 8 連結到圖片但不顯示圖片 9 使用HTML<table>標籤

無格式圖像

下列命令可插入無格式圖像：

[[Image:Twce.PNG|省土木標誌]]

這樣插入的圖像和原始上傳圖像大小一樣。圖片放置的位置是任意的，並且文章內容不會浮动（環繞四週）。

例如： 海纳百川，有容乃大。土木维基百科，專業的百科全書。

海纳百川，有容乃大。土木维基百科，專業的百科全書。

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

指定位置

现在，例如我們需要：

1. 文本浮動（環繞四週）於圖像；或
2. 指定圖像放置的位置（左、右、嵌入等）。

要做到这一点，只需添加如下定位语句。

例1 - 右對齊，浮動

[[Image:Twce.PNG|right|省土木標誌]]

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

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

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

[[Image:Twce.PNG|frame|right|省土木標誌]]

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

例3 - 左對齊，浮動

[[Image:Twce.PNG|left|省土木標誌]]

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

例4 - 置中, 不浮動

[[Image:Twce.PNG|center|省土木標誌]]

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

例5 - 不浮動

[[Image:Twce.PNG|none|省土木標誌]]

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

使用框架，添加標題

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

[[Image:Twce.PNG|frame|此圖為省土木標誌]]

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

縮圖

縮圖會將圖片框起來，並在右下角顯示一個放大的標記。這是一個讓用戶知道一個尺寸更大的版本的好方法。縮圖也讓我們可以指定圖片的標題。

[[Image:Twce.PNG|thumb|省土木標誌]]

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

調整大小

當圖片太大的時候，我們可能希望在條目中只顯示一幅相應的較小的圖。當製作小圖時，必須包含一個框架，因此常常也包含著標題。。

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

[[Image:Twce.PNG|100px]]

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

[[Image:Twce.PNG|100px|省土木標誌]]

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

[[Image:wiki.png|500px|省土木標誌]]

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

另外請注意圖片的解析度亦會因此而下降，這因為我們要求圖片變成500像素寬，但圖片的實際大小並沒有500像素寬，因此瀏覽器的排版顯示器便要將圖片強制擴大至500像素寬，其顯示效果便會較差了。所以切記永不依照這個方法來放大圖片。

結合不同選項

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

[[Image:Twce.PNG|thumb|100px|right|省土木標誌]]

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

避免圖像"堆積"

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

海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。

聯合對齊相似圖片

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

  <div style="float:right;width:315px;">
  [[image:TWce.PNG|none|thumb|300px|省土木標誌]]

  [[Image:wiki.png|right|thumb|200px|維基媒體基金會徽標]]
  </div>

維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。

維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。

維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。維基媒體基金會。

有時候也可以水準對齊兩幅圖像：

[[image:Twce.PNG|left|thumb|300px|省土木標誌]]
[[image:Twce.PNG|none|thumb|300px|省土木標誌]]

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

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

{|
|-
| [[image:Twce.PNG|none|thumb|300px|省土木標誌]]
| [[image:Twce.PNG|none|thumb|300px|省土木標誌]]
|}

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

[[image:Twce.PNG|left|thumb|300px|省土木標誌]]
[[image:Twce.PNG|left|thumb|300px|省土木標誌]]
<br style="clear:both;">

這條命令

<br style="clear:both;">

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

左右交替浮動

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

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海纳百川，有容乃大。维基百科，自由的百科全书。

強迫換行

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

   <br style="clear:both;">

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。 海納百川，有容乃大。維基百科，自由的百科全書。

圖片集

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

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

[[Image:Twce.PNG|128px|thumb|left|省土木標誌1]]
[[Image:Twce.PNG|128px|thumb|left|省土木標誌2]]
[[Image:Twce.PNG|128px|thumb|left|省土木標誌3]]
[[Image:Twce.PNG|128px|thumb|left|省土木標誌4]]
[[Image:Twce.PNG|128px|thumb|left|省土木標誌5]]
[[Image:Twce.PNG|128px|thumb|left|省土木標誌6]]
<br style="clear: left"/>

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

新的MediaWiki<gallery>標記

新的MediaWiki軟體支援 <gallery>標記，是建立圖片集的簡便方法：

<gallery>
Image:Twce.PNG|省土木標誌
Image:Twce.PNG|省土木標誌
Image:Twce.PNG|省土木標誌
Image:Twce.PNG|省土木標誌
Image:Twce.PNG|省土木標誌
Image:Twce.PNG|省土木標誌
Image:Twce.PNG|省土木標誌
Image:Twce.PNG|省土木標誌
</gallery>

好處：簡單方便、圖片之間沒有浪費空間。未來的MediaWiki可能會提供更多這類型的支援。

壞處：圖片不會根據畫面大小換行、不能設定圖片大小（希望下一個版本可以改善這些不便之處）。

省土木標誌	省土木標誌	省土木標誌	省土木標誌
省土木標誌	省土木標誌	省土木標誌	省土木標誌

連結到圖片但不顯示圖片

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

[[Media:Twce.PNG]]

Media:wiki.png

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

[[Media:wiki.png|這是維基百科徽標]]

這是維基百科徽標

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

[[:Image:wiki.png]]

Image:wiki.png

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

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

[[:Image:wiki.png|這個連結直接連到標誌的圖像頁]]

這個連結直接連到標誌的圖像頁

使用HTML<table>標籤

如果你想使用HTML表格時，你可以使用標準的<table>標籤來排列你的文字和圖片。

<table>
  <tr>
    <td>[[image:wiki.png|thumb|120px|維基百科徽標]]
    </td>
    <td>[[image:wiki.png|thumb|120px|維基百科徽標]]
  </td>
    <td>[[image:wiki.png|thumb|120px|維基百科徽標]]
    </td>
    <td>[[image:wiki.png|thumb|120px|維基百科徽標]]
    </td>
  </tr>
  <tr>
    <td>[[image:wiki.png|thumb|120px|維基百科徽標]]
    </td>
    <td>這是一段文字。海納百川，有容乃大。維基百科，自由的百科全書。......
    </td>
    <td>[[image:wiki.png|thumb|120px|維基百科徽標]]
    </td>
    <td>這是'''另一段'''文字。海納百川，有容乃大。維基百科，自由的百科全書。.....
    </td>
  </tr>
</table>

維基百科徽標	維基百科徽標	維基百科徽標	維基百科徽標
維基百科徽標	這是一段文字。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。	維基百科徽標	這是另一段文字。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。海納百川，有容乃大。維基百科，自由的百科全書。