HTMLで画像を表示させようと思ったのですが表示さ

質問

HTMLで画像を表示させようと思ったのですが表示されません､なんか画像の形の枠？は出ていて上に紙が破れたマークがあります。対処法を教えてください

回答No.2

Kaneyan-R · ベストアンサー

＞紙が破れたマークがあります。

指定された画像が存在しない場合に出るアイコンです。この表示が出るのはimgタグで画像を読み込んだ場合ですね。

imgタグ

　<img src="画像のURL">

において

■画像のURLに間違いがないか
　フルパスなら「ｈttps://～」を確認。
　相対パスなら「./」や「../」等の階層が間違っていないかも合わせて確認。
　また、小文字を大文字にしていたり、その逆だったりしないかも確認。

■ローカル指定になっていないか。
　パスが「file://」から始まっていないか。
　「file://」はローカルファイルのパスなので、HTML文書を開いたPCなどの中にそのファイルがなければ表示出来ません。

ホームページビルダーなどのエディタを使っていると、勝手にローカル指定になっている場合があるので、最後に必ずソースを確認するクセを付けましょう。それが分からず他のせいにして投げ出した質問者が過去にいます。

とまぁ、「指定した画像が無い」状態なので、画像の指定が正しいか、指定した場所に画像がそもそもあるのかを確認してください。

あとこれは無いと思いますが、指定できる画像形式はJPEG（jpg,jpeg）、GIF（gif）、PNG（png）およびビットマップ（bmp）のみです。他の形式の画像はブラウザにより対応が異なるので、一般的には使用しないでください。
base64形式でテキスト化した画像も指定出来ますが、今時使う人はいないでしょう。

お礼

ありがとうございます

回答No.1

tkf-

例えば、自分のPC上でファイルを作成し、そこで正しく表示されたけども、HTMLをWebサーバーにアップロードして表示したら表示されないような場合、
・画像が置いてある場所の記載が間違っている
・画像のリンク先がほかのサイトなどで、埋め込みの表示(パクリ)を禁止している
・HTMLのみアップロードして画像をアップロードしていない
・画像ファイルが壊れている
とかでしょうかね。

何かソフト(ホームページビルダーなど)を使って作成されているのであれば、そのソフトの解説書が本屋さんで売られていますのでお求めになられてはいかがでしょうか。