HTML
🖼️ 画像が表示されない
画像パスが間違っている
😰 こんな症状
<img> タグを書いたのに、画像の代わりに「×」や空白が表示される。
🔍 原因
src に書いたファイルパスが間違っている、または画像ファイルがプロジェクトフォルダに入っていない。
❌ エラーが起きるコード
<img src="photo.jpg" alt="写真">
<!-- images/ フォルダにあるのにパスが違う -->✅ 直し方
画像ファイルが HTML ファイルと同じフォルダにあるか確認。src="photo.jpg" のファイル名が実際のファイル名（拡張子含む）と一致しているか確認する。
✅ 修正後のコード
<img src="images/photo.jpg" alt="写真">
<!-- 正しいパスを指定 -->この解決法は役立ちましたか？
🔗 関連するエラー
- スタイルが反映されない — CSSファイルが読み込まれていない
- ページのレイアウトが崩れる — タグの閉じ忘れ
- リンクをクリックしても何も起きない — href 属性の書き忘れ
- 文字化けする — charset の指定がない
- フォームの送信ボタンが動かない — type="submit" の書き忘れ
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説