締切済み

忍者ホームページ・・

2007/05/24 11:44

画像を貼りたいのですがヘルプを見ても方法がよくわかりません。画像のURLはどれのことなのかド素人にでもわかるように教えてください。

www0w0www
お礼率50% (4/8)

みんなの回答 （4）
専門家の回答

みんなの回答

tarako0141
ベストアンサー率80% (4/5)

2007/05/27 17:31 回答No.4

【ロールオーバー】 <img src="●" border="0" onMouseOver="this.src='▲'" onMouseOut="this.src='■'"> ●・・・最初に表示させておく画像のファイル名 ▲・・・マウスが画像の上に乗った時に表示されるファイル名 ■・・・マウスが画像から離れた時に表示されるファイル名例) <img src="111.jpg" border="0" onMouseOver="this.src='222.jpg'" onMouseOut="this.src='333.jpg'"> http://www7a.biglobe.ne.jp/~aisora/html/img_4.html

tarako0141
ベストアンサー率80% (4/5)

2007/05/24 12:40 回答No.3

すみません。訂正です。 3. 画像の基本タグは<img src="***">となる。「***」の部分に2.で保存した画像のファイル名が入ります。例) <img src="image.jpg"> この時、画像を貼り付けるページ(例「index.html」)と同じフォルダ内に画像を保存していれば上記の例の通りで構いませんが、違うフォルダに保存していた場合ちょっと変わります。例) 保存した画像が「aaa」と言うフォルダに入っていた場合・・・ <img src="aaa/image.jpg"> 保存した画像が「aaa」と言うフォルダの中の「bbb」と言うフォルダに入っていた場合・・・ <img src="aaa/bbb/image.jpg"> 保存した画像が「aaa」と言うフォルダの中の「bbb」と言うフォルダの中の「ccc」に入っていた場合・・・ <img src="aaa/bbb/ccc/image.jpg"> となります。

質問者

補足 2007/05/25 09:32

丁寧な回答ありがとうございました！画像の貼り方はわかったのですが、ロールオーバーを使ってみたらちゃんと表示されず×印が出てしまいます。どうしたらいいんでしょうか。

tarako0141
ベストアンサー率80% (4/5)

2007/05/24 12:18 回答No.2

1. まず、載せたい画像を用意する。 2. 「.jpg」もしくは「.gif」で保存。 Webで扱う際は、フォルダ・ファイル問わず全て英数字で保存が原則です。日本語を入れてしまうと上手く表示されない場合がある為です。例) 「image.jpg」「image.gif」等 3. 画像の基本タグは<img src="***">となる。「***」の部分に2.で保存した画像のファイル名が入ります。例) <img src="image.jpg"> この時、画像を貼り付けるページ(例「index.html」)と同じフォルダ内に画像を保存していれば上記の例の通りで構いませんが、違うフォルダに保存していた場合ちょっと変わります。例) 保存した画像が「aaa」と言うフォルダに入っていた場合・・・ <img src="../aaa/image.jpg"> 保存した画像が「aaa」と言うフォルダの中の「bbb」と言うフォルダに入っていた場合・・・ <img src="../aaa/bbb/image.jpg"> 保存した画像が「aaa」と言うフォルダの中の「bbb」と言うフォルダの中の「ccc」に入っていた場合・・・ <img src="../aaa/bbb/ccc/image.jpg"> となります。 ↓のサイトを参考程度に載せておきます。 http://www.tagindex.com/ http://www.dspt.net/ http://www.coara.or.jp/~daigo/html.html 不明点があれば補足要求をお願い致します。