カテゴリ:
次は、画像リンクの作成方法です。

こちらは、結構簡単です。


画像リンク

HTML

<a href="リンク先のURL" target="_blank"><img src="画像URL" title="画像のタイトル"></a>


マウスオーバーの時、画像が変わる画像リンク

HTML

<a href="リンク先のURL" target="_blank"><img border="0" src="1番目の画像URL" onMouseOver="this.src='2番目の画像URL'" onMouseOut="this.src='1番目の画像URL'" title="画像のタイトル"></a>

補足説明
1番目の画像URLは、サイトが開かれた時の画像。
2番目の画像URLは、画像にマウス(矢印)が乗った時の画像。
1番目の画像URL(最後)は、画像に乗ったマウス(矢印)が離れた時の画像。


文字リンク

HTML

<a target="_blank" href="リンク先のURL">リンク先のタイトル</a>


こちらのリンクは全て別タブで開くよう設定しています。そのままのタブで開くよう設定したい方は、 target="_blank"を外して設置してください。