html 画像が表示されない

Question

前提・実現したいこと

htmlで画像を挿入したいのですがバツ印になって表示されません

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

×と表示されます

ドキュメント
htmlフォルダ
imageフォルダ
earth1
の順番です。

<img src="html/image/earth1.png" alt="地球">

試したこと

表示されない場合の対処法を調べたのですが、どれを試しても改善されません。

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

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

Comments

[mayoi_maimai]

パスが違っているだけだと思います。
ちなみに環境は何でしょうか？
ローカル？サーバー上？

[m.ts10806]

パスはもう少し正確に具体的に記載願います。フォルダとファイルも区分けしてください

[m.ts10806]

あと、「どれを試しても」では何を試したのかわかりません。
過去質問にも同現象は幾度となく投稿されていますし原因はハッキリしているので解決しない手法がどんな手法なのか逆に教えて欲しいです。
本当に間違っていることが書いてあるなら筆者に指摘しなければなりません

[jjjjny]

回答ありがとうございます。初心者で質問の意味も何かあまりよく分かっていないのですが、補足させていただきます。
htmlフォルダの中にimageフォルダがあり、その中にearth1と名前変更した画像があります。
"html/image..."の前に/を入れたり、imageから始めたりを試し、間違えて打っていないかなど確認もしたのですが何も変わらないです。

[m.ts10806]

質問は編集できるので質問を編集してご対応ください。
「ここにこのファイルがあってここにこのファイルがある」が分かるように（拡張子も含めて）書いてもらうだけでも充分です。
簡単に言うと、「HTMLファイルから見たときの位置」が指定できているかどうかだけなのです。

Answer 1

×が表示されるってことは階層が異なっている可能性が高い気がします。

<img src="html/image/earth1.png" alt="地球">

となっているので、

├ htmlファイル
├ htmlーimageーearth1.png

となっているはずですが合ってますか？
ここからは予想ですが

├ htmlファイル
├ imageーearth1.png

こうじゃないですか？
だったら、

<img src="image/earth1.png" alt="地球">

になるはずです。
一度確認をしてみて下さい。

Answer 2

たんに相対パスが間違っているだけでしょうね
正直質問者さんの環境がわからないのでなんとも言えませんが

<img src="./image/earth1.png" alt="地球">
とか
<img src="/html/image/earth1.png" alt="地球">

ではないでしょうか？

Answer 3

<img src="html/image/earth1.png" alt="地球">

先頭の「html」の記述が少し気になりました。
htmlという名前のフォルダを作成しているか確認してみてください。

あと、フォルダ構造のキャプチャ画像などありますか。
内容からして下記のような気がします。

<img src="image/earth1.png" alt="地球">

Answer 4

src 属性に与える画像のURLに問題があります

失礼ながら「全くの初心者」と感じました。

インターネット黎明期からあるホームページ制作に関する情報サイト とほほのWWW入門は、読んでみるといいかもしれません。

このサイト内 Webページ作成入門の「リンクしよう」にURLに関する基礎が説明されており、「画像を貼り付けよう」では、それを応用して画像を表示させるところまで説明してくれています。

Answer 5

<img src="html/image/earth1.png" alt="地球">

srcには画像のあるURLを記載します。
ここが間違っていませんか？

例えば、
ネット上にある場合だと、

<img src="https://www.homepage-tukurikata.com/image/lion.jpg" alt="ライオンの画像" />

同じPC内の場合
絶対パスなら画像のプロパティを開いてやると、windowsなら「場所」みたいな項目があるのでそれを指定すれば表示されると思います。