画像の表示

質問

http://okweb.jp/kotaeru.php3?q=1052417
ホームページの簡単な作り方

の（確か＃３さんの）回答を見て、私もコピペしてHTMLで挑戦してみましたが...
画像部分が小さい四角で、その中に○△□が入っているだけで画像が見れません。
右クリックして画像の表示をしても駄目です。
どうすれば見れるようになりますか？

回答No.5

otasuke009 · ベストアンサー

ファイル名に関するチェック事項をいくつか。参考にしてタグの表記と実際のファイル名を正確に一致させてください。

１　[マイコンピュータ]-[ツール]-[フォルダオプション]-[表示]-[詳細設定]の「登録されている拡張子は表示しない」のところは、チェックをはずしておきます。これをはずしておかないと pic.jpg としたつもりが、実際には pic.jpg.jpg と拡張子(jpg)がだぶったファイル名になってしまうことがあります。

２　ＨＴＭＬでは大文字小文字を区別します。よくあるのは、pic.jpg のつもりが pic.JPG になっている場合です。小文字に統一するのが一般的です。

３　全角半角の違い。フォントによっては全角、半角の見分けがつきにくい場合があります。半角に統一してください。

お礼

度重なる回答ありがとうございました。

1　のチェックをはずす。これが原因でした...（恥
jpg.jpgをやっと見つけて...これでスッキリ！はぁ～(^。^)

日本語版のｐｃでは無いので、きちんと調べず適当に「これかな？」と...
はずしたつもりになっていたので（大恥！）
...今は、その間違えてはずしたチェックがどの項目だったのか覚えていないので、
後で困ることにならないといいのですが...（泣

適当はいけませんね。反省しました。

回答No.4

otasuke009

大きな読み落としをしていました！　すみません。

＞test.html と pic.jpg を同じフォルダにおいた状態、と言うのは、練習で作ったフォルダの中に pic.jpg のフォルダと、メモ帳で作ったＨＴＭＬファイルがあれば良い、と言う事ですよね？

×その通りです。
○いいえ違います。test.htmlとpic.jpg自体が同じフォルダの中になければなりません。もし test.html と
同じフォルダの中に image というフォルダを作ってその中に pic.jpg があるなら、タグは
<img src="image/pic.jpg">
となります。

＞<image/gazou01.jpg>を<img src="image/gazou01.jpg">に書き換えて、ファイル名もpic.jpgに変えて見ましたところ、小さい四角の「○△□」から「×」に変わりました。

×質問者の場合は
image/gazou01.jpg を、単に gazou01.jpg と書き換えてください。それで表示されるはずです。

○画像ファイル名をpic.jpg に変えたのなら……
gazou01.jpg ではなくて　pic.jpg でなければなりません。つまり、タグは <img src="pic.jpg"> となります。

私のミスで混乱させてしまったようでほんとうに申し訳ありません。健闘を祈ります。

お礼

再回答ありがとうございます。何度もお世話になってしまい、本当に申し訳ないです。

未だに表示されません、残念ながら...フォルダやファイルの名前が同じになるようにタグを書いて挑戦しているのですが。。。
＃2さんが紹介してくれたサイトにも行ってみました。説明の通りに進んで行っても結果は同じです。

根本的に何かが間違っているのかも…例えばデジカメのメモリーをＰＣに落とした時に、何か間違えたとか？
ん～、そんな事ってあるんですかねぇ？
もし思い付く事があったら教えてください。

回答No.3

otasuke009

＞<image/gazou01.jpg>を<img src="image/gazou01.jpg">に書き換えて、ファイル名もpic.jpgに変えて見ましたところ、小さい四角の「○△□」から「×」に変わりました。

なるほど私がつけた×のタグは省略記法のようですね。正式の書き方ではないけれども、いくつかのブラウザでは表示されるのかもしれません。

それはさておき、質問者の場合は
image/gazou01.jpg を、単に gazou01.jpg と書き換えてください。それで表示されるはずです。

＞test.html と pic.jpg を同じフォルダにおいた状態、と言うのは、練習で作ったフォルダの中に pic.jpg のフォルダと、メモ帳で作ったＨＴＭＬファイルがあれば良い、と言う事ですよね？

その通りです。

補足

単に gazou01.jpg と書き換えてみました。変わらず「×」のままです。
『いくつかのブラウザでは表示されるのかもしれません』と言う事でしょうか？

回答No.2

Lunaria

画像が表示されないトラブルは原因がとてもたくさんありますので、実際のページを見ないと「こうだ」と断定は出来ません。
（なんだか拡張子を間違えているような予感もしますが…）
主な原因と対処法は下記サイトさんなどをご参考にしてください。
http://tohoho.wakusei.ne.jp/wwwxx019.htm
http://www.shoshinsha.com/pukiwiki/pukiwiki.php?%B2%E8%C1%FC%A4%AC%C9%BD%BC%A8%A4%C7%A4%AD%A4%CA%A4%A4

老婆心ながら、http://okweb.jp/kotaeru.php3?q=1052417の#3さんのご回答のサンプル、<center>の閉じタグの</center>も抜けているようなので忘れずに付け加えておいてください。

お礼

ありがとうございました。

<center>の閉じタグ、さっそく加えました。
参考サイトをじっくり研究します。

回答No.1

otasuke009

質問にある回答#3を見ましたが、不思議なＨＴＭＬという感じがしました。

×<image/gazou01.jpg>
○<img src="image/gazou01.jpg">

ただ、質問の場合、タグの間違いではなくて、画像ファイルのファイル名または置き場所の間違いではないかと思われます。

たとえば、test.html というＨＴＭＬファイルでpic.jpg というファイルの画像を表示したいとして、

<img src="pic.jpg"> というタグを書いて
test.html と pic.jpg を同じフォルダにおいた状態で
test.htmlを表示してみてください。どうなったでしょうか？

補足

早速ありがとうございます。

<image/gazou01.jpg>を<img src="image/gazou01.jpg">に書き換えて、ファイル名もpic.jpgに変えて見ましたところ、小さい四角の「○△□」から「×」に変わりました。

test.html と pic.jpg を同じフォルダにおいた状態、と言うのは、練習で作ったフォルダの中に pic.jpg のフォルダと、メモ帳で作ったＨＴＭＬファイルがあれば良い、と言う事ですよね？
あまりにも初心者の質問で申し訳ないのですが・・・