画像から,リンクを張る
画像からリンクを張る
ロゴからはと婦ページへリンクが張ってあることが多いのです。
そこでロゴからトップオエージへリンクを張ります。
<img src="rogo.gif" width="210" height="40" alt="ロゴ">
などという画像があるとします。
<a href="a1.html"><img src="rogo.gif" width="222" height="42" alt="ロゴ"></a>
とするとリンクが張られます。
<a></a>
はアンカーと言います。錨（いかり）です。ここからリンクを張るという意味です。
<a href="">・・・</a>
ref レフ、リファレンスには、リンク先を指定します。
ここでは、自分へ、つまり、index.htmlへリンクを張りますので
<a href="a1.html">・・・・・</a>
とします。そして<a></a>のあいだに、画像を入れると
<a href="index.html"><img src="rogo.gif" width="222" height="42" alt="ロゴ"></a>
となります。
これが初めてのリンクリンクです。
<a href="">・・・</a>
これをおぼえましょう。
<a href="index.html">トップへのリンク</a>
と文字が入っても良いのです。
他にリンクを張るには・・・
""のなかにリンク先を書けば良いのです。
これはまた後で詳しく扱いますが
例えば、<a href="http://www.google.com/">グーグルへ</a>
とhrefのなかみを http://www.google.com/ するとgoogleへリンクされます。
/の後がないじゃないかと思うかもしれません。 /index.html と、index.html が省略されているのです。
ページの中へリンクを張るには・・・・
これは、ちょっと練習がいります。
次へ進む