HTMLを使って画像を表示

質問

htmlを使って画像を表示したいのですが、画像を表示されず左上のほうに×印になってしまいます。ソースは<img src=001.jpg>という風にやっているのですがなぜでしょうか？

回答No.3

noname#77845 · ベストアンサー

表示させようとしているhtmlファイルと001.jpgは同じディレクトリにありますか？
無い場合は、相対パスを付加する必要があります。
例えば、htmlファイルはドキュメントルートに有るが画像はimgディレクトリに有る場合は、
"img/001.jpg"
/index.html
/img/001.jpg
htmlファイルはhtmディレクトリに有るが、画像は同じ階層のimgディレクトリに有る場合は、
"../img/001.jpg"
/htm/index.html
/img/001.jpg
の様になります。
（全て、index.htmlから001.jpgを表示させようとしている場合）

お礼

ありがとうございます。とても役に立ちました。

補足

すいません。ドキュメントルートとディレクトリとはなんでしょうか？

回答No.4

noname#77845

＃３です。
表示させているhtmlファイルがおいてある場所（フォルダ）です。
同じディレクトリに有りますか？
と言うことです。

回答No.2

l-3-ly

画像を張りつけたのにうまく表示できない。
そんな時は次のような原因が考えられます。

ファイル名が誤っている。
フォルダ名が誤っている。
GIF ファイルを作成するのに、ファイル名だけを xxx.bmp から xxx.gif に変更している。（対応ソフトで変換する必要があります。）
画像ファイルをアップロードするのを忘れている。
画像ファイルへのリンクが file: で始まる名前になっている。
src="ファイル名" や、src="フォルダ名/ファイル名" など、
file: で始まらない名前にしましょう。
ファイル名の大文字と小文字を誤っている。
（サーバーが UNIX 系の場合は、ファイル名の大文字と小文字は別の文字として扱われます。）

HTMLファイルと同じフォルダーの階層に画像ファイルは置いてあるのでしょうか？そうでないならば、画像ファイルへのパスが変わってくると思います。

お礼

.jpeg や.gifのように拡張子を気おつければいいということですね。

回答No.1

aprilia-rs

画像の名前の間違い、画像の置き場所がhtmlファイルと違う場所にある、拡張子がjpegになっているなどではないですか？
×印になる理由とは違いますが、ファイルや数字は「""」で囲んだほうがよいですよ。
<img src=001.jpg>
↓
<img src="001.jpg">

お礼

そうですね。""をつけて試してみます。