HTMLで画像が表示されない

質問

イラストサイトを作っているのですが、imgsrcのタグを使ってバナーを貼ろうとしたら、
（×ではないのですが）画像が表示されません。

HTMLのデータは「１」フォルダに入っていて、その「１」の中に「banner」フォルダを作って、その中にtestという名前で画像を入れています。

今使ってるタグはこんなかんじです。↓
<img src="banner/test.jpeg" alt="200*40" border="0">

配布されているテンプレートを使って作成しているので、元から入っていた画像はちゃんと表示されています。

いろいろ検索して試してみたのですがどうしても直らなくて・・。
初心者の為おかしいところもたくさんあると思いますが、回答宜しくお願いいたします＞＜

現在表示されている画像を添付しておきます。

回答No.3

ponta1971 · ベストアンサー

その画像をダブルクリックするとか、ペイントで開いたりした場合、ちゃんと表示されているでしょうか？

画像自体に問題が無い場合、相対パスできっちり書いてみるのはどうでしょうか？
<img src="./banner/test.jpg" alt="200*40" border="0">
こんな感じではどうでしょうか？

回答No.4

ORUKA1951

原因は、示された情報だけでは判断できません。
そこで、画像の表示方法を示しておきますので、順を追って確認してください。
<img src="[URL]" width="[幅]" height="[高さ]" alt="[代替テキスト]">
[URL] 画像までの正確なパスを記述します。
・相対パスもしくは絶対パスで指定します。
　bannnerは、./bannerと同じ意味でそのHTMLがおかれているディレクトリ内のディレクトリを示します。
　/で始まる場合は、そのサーバーのルートから
　../は、ひとつ上の階層、../../はふたつ上の階層を示します。
・半角/全角、大文字小文字の区別を正確に
　Windowsの場合、フォントにプロポーショナルを使用していると判別し難い場合があります。
[幅][高さ]はピクセル数で指定します。
[代替テキスト]画像が表示されないときに表示されるテキスト---画像がなくても意味がわかるように詳しく書きます。alt="犬を連れて散歩している写真"などのようにね。

<img src="banner/test.jpg" width="200" height="40" alt="これはテスト画像">

としてブラウザで見たときに、200×40の場所を確保して、そこに「これはテスト画像」と表示されるなら、その画像を右クリックしてコンテキストメニュー(その場で可能な操作のメニュー)から、画像だけを表示にして見ます。
　ブラウザには何も表示されず、ブラウザのアドレス欄に、そのファイルの[URL]が表示されるはずです。
　・・それと、ブラウザのメニューから「開く」を選択して、画像を見つけ出して表示させたときのURLと比較してみてください。

　なお、一度
★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
　などを一通りこなしておくことをお勧めします。

回答No.2

alrai

画像の拡張子は合っていますか？
JPEGでも拡張子を確認すると、
.jpg
となってたりしますよ。

お礼

確認してみたらjpgになっていました！；
変えてもう一度見てみたのですがやはり表示されませんでした・・＞＜
すみません。ありがとうございました！

回答No.1

WDY

画像のパスが通っていないか
ファイル名が違っているんじゃないですか？

ルートからのフルパスだとどうですか？