画像へのリンク設定

---

<a href="リンク先のファイル名"><img src="画像ファイル名">

---

1.
まず、お手持ちの*テキストエディター、ワープロソフトなどを立ち上げてください。Windowsだとメモパッド、MacintoshだとSimpletextなどです。
こんなアイコン見たことありますよね！

2.
HTMLファイルを2個、画像ファイルを1個用意します。リンク先のファイル名にはlink.htmと、リンクのタグを記述するファイル名はindex.htmと、またリンク先のファイルには『リンク先だよ〜ン！』（何も記述しなくてもかまいませんが）とでも打ち込んでおいてください。
用意するファイル
index.htm
link.htm
test.gif（このページで使用しているボタン画像）

3.
index.htmを開き（文字を打ち込める状態）、<a href="link.htm"><img src="test.gif"></a>と打ち込んで保存し、お手持ちのブラウザにドロップしてみてください。

例：
<a href="link.htm"><img src="test.gif"></a>
実際の表示では：


画像ファイルにリンクの設定をすると、画像の回りに境界線が表示されます。これは、どこかにリンクしている画像ですということ表していて、一度クリックすると色が変わり、訪問済みであることを示してくれます。

ちなみにこの境界線（HTMLでは<border="■"> ■=数値）は細くしたり、太くしたりすることが可能です。

例：
<a href="link.htm"><img src="test.gif" border="4"></a>
実際の表示では：


例：
<a href="link.htm"><img src="test.gif border="1""></a>
実際の表示では：


例：
<a href="link.htm"><img src="test.gif" border="0"></a>
実際の表示では：


と、以上のようにページデザインに合わせて設定を変更すると、いわゆる素人くささが消えることでしょう。

以　上