Q&A
コードはどのようなものですか？
教本は何ですか？
Chromeに表示されないというのは他ブラウザには表示されるということですか？
タイトルには写っているとはどういうことですか？
ブラウザ、chromeにpngのイメージが映りません
コードは教材の見本をコピペしても映りません。
タイトルには写っているのですがページ内に映らないのは何故でしょうか？
教えて頂けると助かります
よろしくお願いいたします。
＞＞フォルダ名が間違えていました
再現するコードと各ファイルの名称と各ファイルの位置関係を提示してください。
全てが合致していて画像ファイルが破損してなければブラウザ関係なく表示されます。
Chromeだけですか？
bodyの中身です
Chrome以外でも映りません、、、、
同じイメージをページのheadに使った場合は表示されます
<body>
<body>
<header>
<img src="png/pritz.png"
alt="アイコン"
width="120px"
height="120px" >
</header>
</body>
他のブラウザでも表示されないならおそらくChromeだけの不具合ではないということで、タイトルは修正された方がいいと思います（Chromeに関する不具合のように見えます。Chromeを使ってるという環境情報として、質問文内の情報としては必要ですが）。あと、↑で書いたソースコードは質問文に追記してください。さらに表示されない状況（空白になるのか？ ×印がでるのか？ など）もなるべく詳細に質問文内に記載してください。Chromeを使ってるならディベロッパーツールにConsoleというのがあるので、そこに何かエラーが出てないか？、出てたらそれも質問文に追記してください。
参考）
https://willcloud.jp/knowhow/dev-tools-01/
この辺の情報があれば回答が出てくる可能性はあると思います。現状では謎要素多すぎで、ピンポイントで回答出てこないと思います。
質問は編集できますので適宜ご対応願います。
あの、
コードとそれぞれのファイルの位置関係も。
現状ではものすごくシンプルで「あとは自分で確認してね」という回答になります。
一応しておきますが…
ですから、どういうコードでどういう配置になっていたかというのを書かないとご自身以外わからない内容にしかならないです。
回答1件
0
ベストアンサー
html内で指定した場所にその画像がないか、
置かれた画像が破損しているかのどちらかです。
絶対パス、相対パスについて理解を深めてください。
あと、全角半角、大文字小文字も合わせてください。
※提示された情報だけでは何がどうという所までは他者には指摘できません
投稿2022/06/29 05:13
総合スコア80850
フォルダ名が異なっていました。
ありがとうございます！
助かりました。
質問本文に「もともとどうなっていたか」は追記しておいてください。
あとから見る人の参考のためです。
あなたの回答
tips
プレビュー
