imgで画像が表示されません

Question

Visual Studio Code でimgで画像を表示させようとしてますが、表示されません。
どのような原因がかんがえられますでしょうか？

環境はWindouws10です。

よろしくお願い致します。

Comments

[m.ts10806]

ブラウザ上に表示したいのではないのですか？

[hatena19]

Visual Studio Code上に画像を表示させたいという意味？
それとも、Visual Studio Codeで作成したHTMLファイルをブラウザで開いたときに画像が表示されないということでしょうか？

Answer 1

「Visual Studio Codeで作成したHTMLファイルをブラウザで開いたときに画像が表示されない」という意味だとして回答します。

下記の点を確認ください。

• 画僧ファイル(taro.png)がHTMLファイルのあるフォルダー内のimgフォルダーに存在する
• HTMLコード内に全角文字や制御コードが紛れ込んでいないか確認する

画像のファイルエクスプローラーを見ると、index.htmlとtaro.pngが同じフォルダーにあるように見えます。だとしたら、コードを下記に変更してみてください。。

<img src="taro.png">

Comments

[yossan]

皆様、ご親切にありがとうございます。
ndex.htmlとtaro.pngが同じフォルダーにあるのが原因でした。

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