Q&A
img_17382.jpgというファイルは、表示させようとしているHTMLファイルと同じディレクトリにありますか？
初歩的な質問してすみません。
<!DOCTYPE html> <html> <head> <meta charset="utf=8"> <title>ポートフォリオ</title> <link rel="stylesheet" href="css/style.css"> </head>以下のように写真を表示させようとしました。
<body> <!--header--> <div class="header"> <img src="img_17382.jpg" alt="図書館の写真"> <div class="header-logo"><h1>ポートフォリオ</h1></div> <div class="header-list"> <h2><a href="">Profile</a></h2> <h2><a href="">Instagram</a>/<a href="">Twitter</a></h2> <h2><a href="">contact</a></h2> </div> </div> </div>ですが表示されないのでディベロッパーツールで確認してみると以下の情報が表示されます。
Failed to load resource: net::ERR_FILE_NOT_FOUND
他の写真で試しても同じでエディタに表示すると以下のように表示されます。
An error occurred while restoring view:imagePreview.previewEditor
これは私の写真の取り込み方に問題がありますでしょうか？
解決策を教えて下さい。よろしくお願いします
コードはマークダウンのcode機能を利用してご提示ください。
また過去質問で回答がついたにも関わらず未解決のままの質問が多くあるようですが、
こちら放置のまま次々と質問されるのはマナーとしてはよろしくないかと。
>Failed to load resource: net::ERR_FILE_NOT_FOUND というエラー文が出ているので、それがエラー原因です。
質問する前に、ご自身で検索等は行いましたか？
https://teratail.com/questions/144277
回答1件
0
ベストアンサー
この HTML ファイルと同じパスに写真の画像がないのが原因だと思います。
写真の画像のパスはわかりますか？
方法としては、以下のいずれかで HTML ファイルから写真の画像を表示できるようになります。
img src=に写真の画像のパスを指定する- 写真の画像を HTML ファイルと同じパスに移動させる
投稿2020/02/11 07:25
総合スコア1242
あなたの回答
tips
プレビュー
