檢視使用說明:圖像的原始碼

=== 聯合對齊相似圖片===
經常會有兩幅從邏輯上講需要歸於一組的相似圖片。為做到這一點，需要加入一些html標記：
<pre>
  <div style="float:right;width:315px;">
  [[image:Logo.gif|none|thumb|300px|{{SITENAME}}標志]]

  [[Image:Logo.gif|right|thumb|200px|{{SITENAME}}標志]]
  </div>
</pre>

<div style="float:right;width:315px;">
[[image:Logo.gif|right|thumb|300px|{{SITENAME}}標志]]
<br style="clear:all;">
[[Image:Logo.gif|right|thumb|200px|{{SITENAME}}標志]]
</div>

''{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。''

''{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。''

''{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。{{SITENAME}}。''

<br style="clear:both;">

有時候也可以水平對齊兩幅圖像：
{|
|-
| [[image:Logo.gif|none|thumb|300px|{{SITENAME}}標志]] ||[[image:Logo.gif|none|thumb|300px|{{SITENAME}}標志]]
|}
不過，這應當較少采用，因為對使用較窄的瀏覽器窗口者有可能導致圖片超過屏幕的右邊緣。

實現這個效果的方法是利用[[Help:表格|表格標記]]：
<pre>
{|
|-
| [[image:Logo.gif|none|thumb|300px|{{SITENAME}}標志]] ||[[image:Logo.gif|none|thumb|300px|{{SITENAME}}標志]]
|}
</pre>

另一種避免過寬的辦法是，將兩幅圖都左對齊，直接進行堆積。
[[image:Logo.gif|right|thumb|300px|{{SITENAME}}標志]]
[[image:Logo.gif|right|thumb|300px|{{SITENAME}}標志]]
<br style="clear:both;">
<pre>
[[image:Logo.gif|right|thumb|300px|{{SITENAME}}標志]]
[[image:Logo.gif|right|thumb|300px|{{SITENAME}}標志]]
<br style="clear:both;">
</pre>
這條命令<pre><br style="clear:both;"></pre>是為了防止後面的文字直接顯示在圖片旁。