htmlでの画像表示

Question

前提・実現したいこと

htmlで表示していた画像を変更する

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

ある画像を表示するコードを書いて、その後もコードを書き続けていたのですが、やっぱりその画像を別の画像にしようと思い、コードを書き変えたのですが、今度は画像が表示されなくなってしまいました。
画像の名前も、画像の保存場所も確認しましたが、正しい場所に保存されていたので、何が原因なのかわかりません。

該当のソースコード

<img src="images/human.jpg" alt="人">

試したこと

試しに最初に設定していた画像のコードに戻したところ、その画像も表示されなくなってしまいました。

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

bracketsというコーディングツールを使用しております。
＜追記＞元の画像　tw_icon_03.jpg 変更予定の画像　human.jpg 確認しているブラウザchrome(bracketsの稲妻マークを押すと開くライヴプレビュー)

images のフォルダに表示したい画像が確かにあります。

そして一回は画像を表示することができたので間違いないと思います。

Comments

[m.ts10806]

元の画像とかえたいと思った画像のファイル名は何でしょうか。
また、確認されているブラウザは何でしょうか。
bracketsのライヴプレビューかどうかも含めて質問本文に追記してください。

[Soni]

元の画像　tw_icon_03.jpg
変更予定の画像　human.jpg
確認しているブラウザchrome(bracketsの稲妻マークを押すと開くライヴプレビュー)
です

[Soni]

htmlとこのサイトもつかい初めてから2日でわからないことだらけですがよろしくおねがいします

[m.ts10806]

質問は編集できますので質問本文に追記いただければと思います。
また、HTMLファイルと同じ階層にimagesフォルダがあり、その配下に表示させたい画像が間違いなくある状態ですか？フォルダ階層も含めて質問に追記願います

Answer 1

開発ツールを使って、原因の特定につながる事象を確認してください。

1. 開発ツール（デベロッパーツール）を開く
2. ネットワークタブを開く
3. Img をクリック
4. 確認したい画像パスを選択
5. Headers でステータスコードを確認。

ステータスコードが404なら、指定したパスが間違っている。

Comments

[Soni]

一度Kosuke_Shibuyaさんから教わった方法を試してみましたが、原因が分からなかったので、コードを一から書き直してみたら画像の表示ができました。
参考になったのでこの回答をベストアンサーにさせていただきます。
皆さんご協力ありがとうございました。

Answer 2

コードを一から書き直しました。