HTMLタグで画像の中に文章を入れる

質問

お世話になります。
早速ですが、HTMLタグを使って画像の中に文章を入れたいのですが、タグ表記が判りません(;_:)
過去に同じような質問をさせていただきましたが結局、上手く出来ずそのまま放棄していましたがわたくし事ながら再び使用する状況になってしまい困っております。
それともCSSでなければ不可能なのでしょうか？
どなたか是非アドバイスをお願いいたします。
ちなみに文章は上下ではなく画像の中全体に入れます。

回答No.1

fujillin · ベストアンサー

HTMLはただのマークアップなので、本当に画像データの中に文字データを組込むようなことはできません。

見かけ上、そのように表示されればよいのであれば…
　1）背景画像をその画像に指定した要素（divなど）の中に文字を記述する。
　2）画像要素(img)の上に、position:absoluteなどで文字を重ねて表示させる。
のような方法で可能かと思います。

1）であれば
<div style="background-image:url(A.jpg);">
テキスト1
</div>

2)であれば
<div style="position:relative;">
<img src="A.jpg" alt="A">
<div style="position:absolute; top:0; left:0;">テキスト2</div>
</div>

*両方とも画像はA.jpgとしています。

補足

困っている時のアドバイスも有難うございます。
アドバイス内容の方・・一読させていただきましたがＣＳＳ表記のアドバイスとなっているようですが、やはり希望のように表記するのにはHTMLタグでは不可能なのでしょうか？
この件につきまして再度ご教授をいただけたら有難いのですが。。

回答No.2

fujillin

#1です。

＞ＣＳＳ表記のアドバイスとなっているようですが
あらら、CSSを一切使ってはいけなかったのですかぁ…

んじゃ、同じ方法だけれど、background属性のある要素の背景に画像を設定するのでは？（これなら属性値のはず）
最近の記述法になっているかとかは無視するとして…

<table><tr><td width="200" height="200" background="A.jpg">
テキスト3
</td></tr></table>

とか…

お礼

お礼のご返信の方・・遅くなりすみません。。
困っている時の2度のアドバイスも感謝致します。
今一度・アドバイスに沿って試してみたいと思います。
有難うございました。