画像が表示されない

画像が表示されない場合、画像までのパスが間違っているか、imgタグを書き間違っている可能性が考えられます。

パスが間違っている

以下のようなマークが表示されてしまう場合、画像までのパスが間違っています。

パスとは、<img src="○○">の○○に入る画像まで道のりを示すアドレスのことです。

パスはhtmlファイルから見ての画像の場所を指定します。

以下を参考にパスを再確認してみましょう。当然、画像名が違っていても表示されません。

index.html

<img src="画像.png">


<img src="../画像.png">

<img src="../../画像.png">


<img src="img/画像.png">

<img src="img/2014/画像.png">


<img src="../img/画像.png">

imgタグが間違っている

以下のようなマークすら表示されない場合、imgタグが間違っています。

imgタグが以下のようになっているかもう一度確認してみましょう。

index.html
<img src="画像までのパス">

特に、スペースや文字や""が全角になっていないかに注意しましょう。

PAGE TOP