🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

2回答

553閲覧

HTMLの画像表示がなされない件

poyopoyo123

総合スコア0

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/01/16 06:35

前提・実現したいこと

html/cssでサイト作成しておりますが、どうしても画像の表示がされません。
相対パスで記載しており、HTMLファイルと同フォルダに画像を保存していますが、どうしても小さい画像が表示されないマーク?のみになります。下記コーディング記載しておりますので、ご教示頂けますと幸いです。(画像のファイル名はsmallです)

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

エラーメッセージ

該当のソースコード

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="cccc.css"> <meta charset="utf-8"> <title>practice</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> </head> <body> <header> <div class="container"> <div class="header-left"> <img src="small.png"> </div> <div class="header-right"> <ul> <li><a href="#">TOP</a></li> <li><a href="#">PRODUCT</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">CONTACT</a></li> </ul> </div> </div> </header> </body> </html>

試したこと

ここに問題に対して試したことを記載してください。

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

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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

_whitecat_22

2021/01/16 06:41

手元で当該htmlを試しましたところ、正常に表示されます。 (small.pngは手元で作りました) 再度、ファイルの在り処と、画像のファイル名(拡張子)をご確認ください。 htmlのほかに、cssで何か指定していますか?
Daregada

2021/01/16 08:42

結果の確認はどのOSのどのブラウザーで行なっていますか? いまさらIEを使っていないとは思いますが、IEだと画像形式と拡張子が食い違っていると(たとえばJPEG画像なのに拡張子.pngが付いている)と表示されません。
BeatStar

2021/01/16 09:25 編集

(単にパスの問題の気がする…)
guest

回答2

0

(回答へ転記します)

手元で当該htmlを試しましたところ、正常に表示されます。
(small.pngは手元で作りました)
再度、ファイルの在り処と、画像のファイル名(拡張子)をご確認ください。
htmlのほかに、cssで何か指定していますか?

イメージ説明


※m.ts10806 さんの仰るように、キャッシュクリアもお試しください。

投稿2021/01/16 08:28

編集2021/01/16 08:34
_whitecat_22

総合スコア1305

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

再現しませんね。
拡張子まで含めて同じならどんな画像でもちゃんと表示されます。
キャッシュクリアも試してみてください。

投稿2021/01/16 06:41

m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問