HTMLで画像が表示されない

2012/11/21 17:39

このQ&Aのポイント

イラストサイトを作っているのですが、imgsrcのタグを使ってバナーを貼ろうとしたら、画像が表示されません。
HTMLのデータは「１」フォルダに入っていて、その「１」の中に「banner」フォルダを作って、その中にtestという名前で画像を入れています。
配布されているテンプレートを使って作成しているので、元から入っていた画像はちゃんと表示されています。いろいろ検索して試してみたのですがどうしても直らなくて・・。

syuri_touhou
お礼率40% (4/10)

HTML
回答数4
ありがとう数1

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

ponta1971
ベストアンサー率30% (361/1191)

2012/11/21 21:48 回答No.3

その画像をダブルクリックするとか、ペイントで開いたりした場合、ちゃんと表示されているでしょうか？画像自体に問題が無い場合、相対パスできっちり書いてみるのはどうでしょうか？ <img src="./banner/test.jpg" alt="200*40" border="0"> こんな感じではどうでしょうか？

その他の回答 (3)

ORUKA1951
ベストアンサー率45% (5062/11036)

2012/11/22 10:16 回答No.4

原因は、示された情報だけでは判断できません。そこで、画像の表示方法を示しておきますので、順を追って確認してください。 <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/ ) 　などを一通りこなしておくことをお勧めします。