テストページ_画像
(版間での差分)
10行: | 10行: | ||
− | <p> | + | <p border="1"> |
↓<b>手順2</b>の htmlファイル↓<br> | ↓<b>手順2</b>の htmlファイル↓<br> | ||
− | |||
− | |||
<pre> | <pre> | ||
<div style="text-align:center;margin:;"> | <div style="text-align:center;margin:;"> | ||
21行: | 19行: | ||
</div> | </div> | ||
</pre> | </pre> | ||
+ | ※<html><head><body>タグは必要ない。<img>タグだけでも良い。<br> | ||
+ | (wikiページの<body>タグの中に埋め込まれるため。) | ||
</p> | </p> | ||
2011年7月19日 (火) 14:42時点における版
- 手順1
- 画像ファイル(.jpg .jpeg .png .giif など)をサーバーにアップロードする。
※このページの画像のファイル名は"x1.jpg"
※このページの画像の保存先は、"http://www.futoko.co.jp/abe_img/x1.jpg" - 手順2
- 手順1の画像ファイルにリンクした、htmlファイル(.html .htm)をサーバーにアップロードする。
※このページのhtmlファイルのファイル名は"x1_img.html"
※このページの htmlファイルの保存先は、"http://www.futoko.co.jp/zzmediawiki/extensions/HTMLets/htmlets/x1_img.html" - 手順3
- wiki編集画面で、画像を入れたい場所に"<HTMLet>htmlファイル名</HTMLet>"と入力する。
※"htmlファイル名"には拡張子(.html)を付けない
↓手順2の htmlファイル↓
<div style="text-align:center;margin:;"> <!--<a href="" target="_blank">--> <img src="http://www.futoko.co.jp/abe_img/x1.jpg" alt="テスト画像1" border="0" width="400" height="300" hspace="0" vspace="0"> <!--</a>--> </div>
※<html><head><body>タグは必要ない。<img>タグだけでも良い。
(wikiページの<body>タグの中に埋め込まれるため。)