テキストを追加する方法とHTML内のリンクである画像

Question

リンクだけでなく、HTMLを使用してこの画像にテキストを配置できる方法を知っている人がいるかどうかは疑問です。

私がこれを使用しているのは、私のクライアントのための「きれいな」見た目のボタンを作成することです。残念ながら、私が使用する必要があるプログラムではCSSコードを挿入することはできませんので、純粋にHTMLでなければなりません。

そして、私はPhoto Shopに既にテキストを上にしてイメージを作成できることを知っています。しかし、私はこれを動的なボタンにしたいと思います。私はこのスタイルに何百というフォーマットをしたいのですが、新しいスタイルが表示されたら、新しいボタンを作成するたびに新しいイメージを作成したくありません。

このような問題の解決策はありますか？

Answer 1

私はまだ私の人生のためには、このようなことをしたい理由を理解できませんが。それとも、実際にはコードではないので、誰かがCSSマークアップの制限について気にする理由は？しかし、私はあなたの制限を正しく理解すれば、古い学校のHTML4日に戻してこのようなことをすることができます。 html5でもうまくいくはずです。それが役に立てば幸い。

CODEPEN TO PLAY

... PS、それはかなり反直感的な現代的な...よく、何でもへのCSSの使用を制限することを決定した誰でも教えてください。ちょうど私の2セント。 ：D

また、<center>のような要素は、レンダリングする必要がありますが、html5ではサポートされていないため、いくつかの規則を破ることになります。それらが実際のHTML5ソリューションであることを意味する場合は、CSSが必要です。

<table> 
 
    <tr> 
 
    <td></td> 
 
    <td rowspan=2><img src="http://res.freestockphotos.biz/pictures/15/15789-illustration-of-a-blank-glossy-rectangular-button-pv.png" 
 
         height="50" width="200"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan=2><center>overlay text</center></td> 
 
    </tr> 
 
</table>

あなたのイメージは、すべての固定サイズである場合にも、ちょうどあなたが任意のCSSを使用することはできません何を意味するの