Q&A
コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
Visual Studio タグは不要では。
>画像の名前はomikuji.pngで間違いありません。
誰が見ても分かる情報、根拠を提示してください。
前提・実現したいこと
html初心者です。
画像が表示できず困っています。
Visual Studio Codeを使っており、htmlとpnjの保存場所は「omikuji」というファイルにしてあります。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="style.css" /> <title>練習</title> </head> <body> <p>ようこそテストさん！</p> <p>あなたの運勢は大吉です！</p> <img src="omikuji.png"> <script type="text/javascript" src="omikuji.js"></script> </body> </html>試したこと
画像の名前はomikuji.pngで間違いありません。
何が原因なのか全く分かりません。
教本にはomikuji.pngの保存場所はhtmlと同じ「omikuji」というファイルにするよう書いてありました。
ブラウザで表示し、F12 を押して Console タブを開いてみてください。
エラーがあれば表示されているので、それをそのまま質問にコピペしてみてください。
表示させようとしているブラウザが何かも教えて下さい。
また、htmlをダブルクリックで表示したのか、ローカルサーバーを起動しているのかも提示お願いします。
また、htmlと画像をファイル一覧で表示しているウィンドウのキャプチャも提示したほうがいいかもしれません。
回答1件
0
ベストアンサー
<img src="./omikuji.png">
としてみたらどうでしょうか...！
投稿2021/05/28 09:39
総合スコア35
あなたの回答
tips
プレビュー
