画像をリンクボタンに指定する方法です。
<a href="index.html"><img src="sample.gif" alt="サンプル"></a>
【参考】
画像をリンクボタンに指定すると、一般的なブラウザでは画像の枠に線が入ってしまいます。この枠線を消したい場合には次のように指定します。
<a href="index.html"><img src="sample.gif" alt="サンプル" border="0"></a>
imgタグ内に border="" を追加して、 枠線の太さを 0 に指定します。
※画像についての詳細は、イメージタグの項目をご覧ください。
画像に入る枠線の指定は、スタイルシートで行うこともできます。指定方法の詳細は「関連ページ」をご覧ください。
■画像をリンクボタンにしてみます
<a href="index.html"><img src="image/tag.gif" alt="TAG index"></a>
▼これをブラウザで見ると次のように表示されます
■枠の線を消してみます
<a href="index.html"><img src="image/tag.gif" alt="TAG index" border="0"></a>
▼これをブラウザで見ると次のように表示されます
