htmlの画像の表示の方法

Question

現在サイトを参考にしてやってます。

htmlというフォルダにindexとbanana.jpgという画像付きのものを保存しています。
<img src="./Banana.jpg"> このタグを入力しているのですが、画像が表示されません。
どなたか回答よろしくお願いします。

Comments

[m.ts10806]

現在のhtmlコード全体と　ファイルの構成が分かる図　あと、アクセスしているURL、参考にしたサイトのURLなどをご提示ください。これだけではほとんど現象や状況が伝わっていません。ファイル名が違うという回答しかつかないのはそのためです。「質問するときのヒント」を熟読し、質問内容を充実させてください。https://teratail.com/help/question-tips

[yoshinavi]

揚げ足取りみたいでスミマセンが気になったので･･･「indexとbanana.jpgという画像付きのもの」とありますが、画像付きとはどういう意味でしょうか？また、「タグを入力している」とありますが、入力先は同フォルダ内のindexファイルの事でしょうか？どの場所にどのように入力されているのでしょうか？･･･「mts10806」さんの質問とほぼ同じですが、全体像が不明なのでパスやファイル名が間違っているのでは？としか言えません。

[kkop]

解決しました。ご協力ありがとうございます。

[m.ts10806]

コメントからは解決したようには見えませんが？　https://teratail.com/help/question-tips#questionTips4-2 >

Answer 1

htmlというフォルダにindexとbanana.jpgという画像付きのものを保存しています。

同じファイル(同じ階層)にindex.htmlとbanana.jpgがあるのなら
<img src="banana.jpg">だと思います。

Comments

[yoshinavi]

横からスミマセン。
「./」は同じ階層を表しますので、記入しても間違いではないです。

Answer 2

環境によっては、ファイル名の大文字と小文字が区別されます。banana.jpgとファイル名の大文字小文字に揃えてみたら、どうなりますでしょうか。

Comments

[kkop]

表示できませんでした

Answer 3

htmlフォルダの中のindexには拡張子はついていますでしょうか?　index.html　のように