htmlで画像表示の仕方

Question

前提・実現したいこと

vscodeとgooglechromeを使って画像を表示させたい

この画像の赤丸になっているところを画像で表示させたいです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[kai0310]

画像ファイルの保存先とHTMLファイルの保存先の階層関係を第三者でもわかるように明示して下さい。

Answer 1

パスを確認してください

Udemy
├─動画2.html
└─ img
空白└─ jacket.png
となっている必要があります
エクスプローラーでいうとUdemyフォルダを開いたら
動画2.htmlとimgフォルダが表示されているということです

Comments

[denkisouta]

udemyのフォルダの中は他の物が入っていても大丈夫ですか？
後vscodeの方は問題ないですか？

[sk-sora--ypi]

Udemy
→問題ありません
vs
→表示されている部分のHTMLは問題ないように思います

不必要なアドバイス
→まずは実践した方がよし

必要なアドバイス
→ファイルパスを理解すべし(絶対パス相対パス)
→→HTMLで画像や動画を扱う場合必須です
→→ページネーションでリンク貼る時とかにも使います

[denkisouta]

コメントされたことをいろいろやってみたらできましたありがとうございました。