インラインフレーム中の文字表示方法

質問

ホームページの作成しておりますが、インラインフレームの中に画像+文字（テキスト）を入れたいのですが、画像のみしか反映されません。どのように文字も反映させれば宜しいでしょうか？ちなみに、現在は以下のように入力してうまく文字が反映してません。（便宜上、「画像」と入力しております。）

<iframe src="画像.jpg" width="200" height="300">
<font size=2><font color="red">がんばれ！<br>
負けるな！</font></iframe>

素人の質問ですが、ご教授願います。

回答No.4

noname#41855

HTMLタグとHTMLファイルは違いますし、「a.html」の中の「b.html」なんてものはありません。
もう１度、前回の僕の回答をじっくり読み直されてください。
僕にはあれ以上こまかくは書けません。

どうもインラインフレームの使い方以前に、ホームページ作りの基礎ができてないように感じます。
市販の参考書を読むなり、教室に通うなり、以下のようなサイトを見るなりして勉強されることをおすすめします。
　　とほほのＷＷＷ入門
　　http://www.tohoho-web.com/www.htm

ご商売されるならなおさらです。
せっかく来ていただいたお客様にご迷惑をおかけするかもしれません。
ご自身のスキルをもっと高められるか・・・
それが難しそうでしたら、出店をサポートする会社への依頼も検討されてください。

回答No.3

noname#41855

＞goldfoxさん、ありがとうございます。

vascointerさんへ
goldfoxさんの回答を踏まえて、さらに具体化しますね。
インラインフレームを使うにはHTMLファイルを２つ用意します。
ファイル名は何でもかまいませんが、仮に a.htmlと b.htmlにします。
a.html は、インラインフレーム自体を表示するHTML。
b.html は、インラインフレームの中に表示するHTMLとし、それぞれを以下のように記述します。

【a.html】
<iframe src="b.html" align="bottom" width="200" height="300">
</iframe>

【b.html】
<img src="画像.jpg">
<font size="2" color="red">
がんばれ！<br>
負けるな！
</font>

これで、a.htmlを表示すると200×300の枠があり、その中にb.htmlの内容が表示されています。
使い方の例としては、例えばa.htmlをホームページのメイン画面として作り、b.htmlには新着情報を書いておきます。
こうしておいて、b.htmlのみを更新すれば、メイン画面のデザインを変えることなく新着情報だけを変えることができます。

ただし、インラインフレームは一部のブラウザでは見れません。
そこで通常は<iframe…>～</iframe>間に非対応のブラウザ向けのメッセージを入れておきます。

【a.html】
<iframe src="b.html" align="bottom" width="200" height="300">
ここにはインラインフレームで新着情報が表示されます
</iframe>

こうしておけば、インラインフレーム対応のブラウザでは前述のようにb.htmlの内容が表示され、
インラインフレーム非対応のブラウザでは「ここにはインラインフレームで…」のメッセージが表示されます。

お礼

hosiharaさん、goldfoxさん、ご丁寧にありがとうございました。
（すいません、出張しておりまして、ご連絡が遅れました・・。)

実は楽天に出店する予定で、そのＨＰを楽天のＲＭＳというシステム
の中で作成中なのですが、このＲＭＳは禁止タグがいくつかあり、
HTML, HEAD, META, BASE, LINK, OBJECT, SCRIPT等がそれに当たります。HTMLが使用できないとこのインラインフレームも作成不可能なのでしょうか？
もし可能であれば、例でお出し頂きました「a.html」の中の「b.html」と実際の「b.html」との紐付けはどのようにしたら宜しいでしょうか？
(物凄く基本的な事かも知れませんが、お付き合い頂けましたら幸いです。何卒宜しくご教授願います。

回答No.2

goldfox

> 「その画像と文字が書かれたHTMLファイルを別に作成し、iframeタグのsrc=で、そのHTMLを指定」とアドバイスを頂きましたが、私の理解で以下のように訂正してみましたが、上手くいきませんでした。

まったく理解されていないようです。
なぜ参考リンク先を読まないのですか？

インラインフレームというのは、htmlファイル（ページ）の中に「枠」を指定し、その枠の中に、別のhtmlファイル（あるいは画像ファイルなど）を表示するものです。
インラインフレームの中に表示したい文字や画像は、「別のhtmlファイル」で作成する必要があります。

インラインフレームのタグを書いたページを仮にa.htmlとします。
フレームの中に表示したい内容を、b.htmlで作成します。
iframeのタグの中に src="最初に表示するファイル" のところに、b.htmlを指定します。
<iframe src="b.html" width="200" height="300">
インラインフレームを使用しています。
</iframe>

回答No.1

noname#41855

インラインフレームについて少し勘違いされているようです。
参考URLをどうぞ。

画像と文字の両方をインラインフレーム内に表示するには、その画像と文字が書かれたHTMLファイルを別に作成し、iframeタグのsrc=で、そのHTMLを指定します。

参考URL：

http://siriasu.s10.xrea.com/webtips/tips11.htm

お礼

早速のご連絡、深謝致します。
「その画像と文字が書かれたHTMLファイルを別に作成し、iframeタグのsrc=で、そのHTMLを指定」とアドバイスを頂きましたが、私の理解で以下のように訂正してみましたが、上手くいきませんでした。

<iframe src="画像 align="bottom" width="200" height="300"<font size=2><font color="red">がんばれ！<br>
負けるな！</font>">
</iframe>

大変お手数ですが、上記ＨＴＭＬを上手くいくように、ご訂正頂けましたら幸いです。宜しくご教授願います。