bootstrapナビゲーションバーの画像が表示されない

Question

前提・実現したいこと

フォトショップで作成した画像をナビバーのロゴ画像として表示しようとしています。
ファイルパスを確認しましたが、ファイルが見つからないというエラーが
出てしまい、前に進めません。どんなことが原因と思われるでしょうか。
初心者の基本の質問で申し訳ありませんが、調べて実行するも解決できず
ご教授頂ければと思います。

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

net::ERR_FILE_NOT_FOUND

エラーメッセージ

該当のソースコード

追記:絶対パスを書いたつもりですが、表示されません。また新たなエラーが出てしまいました。
８５行目のエラーはどういう意味なのでしょうか。

追記2:

試したこと

ファイルパスについての記事の確認
拡張子の確認

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

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

Answer 1

相対パスも絶対パスも書き方が違います。

index.htmlというフォルダにあるindex.htmlを表示してるのでは？
これは紛らわしいのでやめましょう。フォルダ名はindexだけでいいと思います。
この場合
相対パス：src="../images/icon.jpg"
絶対パス：src="ローカルのドライブからicon.jpgまでのパス"
今回はローカル内だと思うので恐らくWEBサーバーに該当の画像はアップロードしてませんよね？

その状態でローカル内のパスで書くと恐らくエラーになるので相対パスで書くのが正解です。

Comments

[mepon]

たまに同じように画像とか読み込めないとかの質問で
同じようにindex.htmlフォルダ内のindex.htmlを読み込んでるみたいな質問ありますけど
どっか参考サイトとかについてるんですかね。個人的に正直参考にしてほしくないレベルです。

[yucom]

表示されました!!ありがとうございました！
おっしゃる通りフォルダ名が紛らわしい上に気づきもしませんでした。
初心者の私にも分かりやすく教えて頂きありがとうございました。

Answer 2

net::ERR_FILE_NOT_FOUND
ならファイルパスが間違っています
相対パスで指定されているようなので絶対パスで指定されてはどうでしょうか。
ついでにstyle.cssも読み込めてなさそうですね

Comments

[yucom]

ご回答ありがとうございます。
絶対パスで指定しても表示されないのでパスの書き方が
違うのかと思い調べましたが解決できません。。
間違いがあればアドバイスを頂けると助かります。

[mikkame]

画像のファイル形式がpsdになっていますがブラウザではpsdを表示できません。
pngかjpegにしてください

[yucom]

jpgに変換しましたが、追記のエラーになります。
(パスのファイル名がicon.ipgになっていたので修正しました)

サーバにアップはしていないのでそちらも原因でしょうか？

[yucom]

mikkame様　
他の回答者様の回答ではありますが無事解決出来ました。
お付き合いありがとうございました。