テストページ_画像
(版間での差分)
8行: | 8行: | ||
:wiki編集画面で、画像を入れたい場所に<nowiki>"<HTMLet>htmlファイル名</HTMLet>"</nowiki>と入力する。<br>※"htmlファイル名"には拡張子(.html)を付けない | :wiki編集画面で、画像を入れたい場所に<nowiki>"<HTMLet>htmlファイル名</HTMLet>"</nowiki>と入力する。<br>※"htmlファイル名"には拡張子(.html)を付けない | ||
+ | |||
+ | |||
+ | <p> | ||
↓<b>手順2</b>の htmlファイル↓ | ↓<b>手順2</b>の htmlファイル↓ | ||
<pre> | <pre> | ||
26行: | 29行: | ||
</html> | </html> | ||
</pre> | </pre> | ||
+ | </p> | ||
[[Category:x]] | [[Category:x]] |
2011年7月16日 (土) 19:01時点における版
- 手順1
- 画像ファイル(.jpg .jpeg .png .giif など)をサーバーにアップロードする。
※このページの画像のファイル名は"x1.jpg"
※このページの画像の保存先は、"http://www.futoko.co.jp/abe_img/x1.jpg" - 手順2
- 手順1の画像ファイルにリンクした、htmlファイルをサーバーにアップロードする。
※このページの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ファイル↓
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <title>テスト画像1</title> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="content-style-type" content="text/css"> </head> <body> <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> </body> </html>