BOOK Studio947
狩野祐東・狩野さやか著書

chapter05-03:画像が表示されません

書籍Q&ACategory: スラスラわかるHTML&CSSのきほんchapter05-03:画像が表示されません
asked 7年 ago

初めまして。
現在、chapter05-03の画像挿入をしているのですが、ブラウザを開くと画像部分に「×マーク」が表示されてしまします。
ここまでの箇所は問題なく進んでおり、自分では原因がわからないためご教授お願い致します。
以下に、現在作成中のものを貼っておきますので、間違えがあればご指摘いただけると幸いです。

<!doctype html>
<html>
<head>
<meta charset=”UTF-8″>
<title>KUJIRA cafeへようこそ</title>
</head>
<body>

<h1><a href=”index.html”><img src=”images/logo.png” width=”217″ height=”89″ alt=”KUJIRA cafe”></a></h1>

<ul>
<li><a href=”index.html”>ホーム</a></li>
<li><a href=”about.html”>店舗案内</a></li>
<li><a href=”access.html”>アクセス</a></li>
<li><a href=”menu.html”>メニュー</a></li>
<li><a href=”contact.html”>お問い合わせ</a></li>
</ul>
<img src=”images/keyvisual.jpg” width=”900″ height=”362″ alt=””>
<h2>News</h2>
5月30日、『<a href=”http://www.sbcr.jp”target=”blank”>ここでしか飲めない!おいしいうれしい満喫カフェ</a>』に掲載されました。

4月18日、KUJIRA cafeがオープンしました。ここ九寺楽の町で、皆さんが気軽に立ち寄れる、ゆったりと時間を過ごせる落ち着いた場所にしたいと思っています。

</body>
</html>

2 Answers
狩野 祐東 Staff answered 7年 ago

こんにちは。

「×」マークが出るということは画像ファイルが見つからないことを意味しているのですが、ソースコードを見る限り、HTMLは正しく書けているようですね。
もしかして、正しい場所に画像ファイルがコピーされていないのかもしれません。
Chapter03-01(p.32〜p.36)の作業を確認して、「cafe」フォルダの中の「images」フォルダの中に、すべての画像がコピーされているか、もう一度見直してみてください。

answered 7年 ago

こんにちは。
回答ありがとうございます。

p32から読み返してみたところ、原因が判明いたしました。
新規HTMLファイルの保存先をcssフォルダにしておりました。
これの保存する場所をcafeにしたところ、画像が表示されるようになりました。

保存先にも注意しなければならないことを改めて感じることができました。
今回は、本当に有難うございました。