Webサイトに画像を表示させるには?
現在、テンプレートを使用して穴埋め式でサイトを作っています。
与えられたテンプレート(index.htmlというファイル)をメモ帳にドラック゛して、そこに文字を入れて、ある程度できたところで、メモ帳を保存して、firefoxの画面にドラッグして確認しています。
今回の質問としましては、以下のテンプレートに画像のファイル名を入力したのにどうして画像が表示されないのか、どうすれば画像をサイトに表示されるのか、という質問です。
(<!-- -->で括られた(サイトでは表示されない)解説文も一緒に載せました。)
【テンプレートの抜粋】
<!-- ●ヘッダー画像（サイトの看板）ここから●
このテンプレートでのヘッダー画像サイズは 横860px 縦200px で設定されています。
サイトのサイズが横860pxです。
※サイズを変更できる方はご自由にサイズを変更してください。
-->
<p class="mainimage"><img src="images/■ここにヘッダー画像のファイル名（.以降も含めたもの）を記入■" width="860" height="200" /></p>
<!-- ●●ヘッダー画像（サイトの看板）ここまで●●●●●●●●● -->
【上記のテンプレートの置換え箇所に、海の写真のバナー、という私が保存しておいたものを入力しました】
<p class="mainimage"><img src="images/海の写真のバナー.jpg" width="860" height="200" /></p>】
このファイルは以前あるサイトのバナーを個人的に参考の為にマイピクチャにこの名前で保存しておいたもので、今回試験的にこの名前を入力しました。(これを転用する事はありません)テンプレートで画像サイズを指定する箇所がありますが、この画像のサイズがわからないのでまずはそのまま値を変えないでおきました。
他の文字の箇所や大きい文字にするH1 H2などは正常に表示されていますが、この画像の部分はまったく入力前と変わりありません。画像サイズをそのままにしてあるので、おかしな形になるとは予想していましたが、少なくともなんらかの画像らしきものは表示されると思っていました。
どうすれば、まず、画像が表示されるでしょうか?
よろしくお願いします。
補足
いいえ、違います。 名前にcappucinoとかcakeとか入っていた気が・・・