ＨＴＭＬの利用

４．１．７　ハイパーリンク

●リンク
<A HREF="リンク先のURL">文字列もしくはイメージファイル</A>

このタグを使うと､別のファイルにリンクを張ることができます。
「リンク先のURL」に飛ばしたいファイルのURLを書きます。そして、「文字列やイメージファイル」と書いてあるところには、何か入れておいてください。

（１）エディタで入力しましょう。

<HTML>
　　<HEAD>
　　　　<TITLE>ホームページ練習１４</TITLE>
　　</HEAD>
リンク 
　<A HREF="ｔｅｓｔ3.html">s-1にとびます</A>
御用のある方は<A HREF="test4.html">こちら</A>まで
これ<A HREF="test5.html"><IMG SRC="test.gif"></A>を押してください！
</BODY>
</HTML>

（２）ファイルを保存して、ブラウザで確認してみましょう。

ホームページ練習（Ｓ－１４）
このボタンをクリックすると、表示されます

ｔｅｓｔ3.html、ｔｅｓｔ4.html、ｔｅｓｔ5.htmlなどリンク先のページを作っておけば、下線が引いてあるところや地球の絵をクリックすると、リンクできます。

他のホームページにリンクする場合は、"test3.html"のかわりに、ホームページのURLを"http://＊＊＊＊＊＊＊/"を入れます。

●ページ内部へのリンク
<A HREF="#リンク先の記号">文字列</A>
<A NAME="リンク先の記号">文字列</A>

このタグを使うと､ページ内の好きな所にリンクをはることができます。
「"#リンク先の記号"｣に飛ばしたい場所の記号を書きます。そして、文字列と書いてあるところには、その見出しを書きます。

（１）たとえば、２０行下のリンク1ですに飛ばしたいと思えば、<A HREF="#link1">リンク１にとびます</A>と書きます。また、リンク先として<A NAME="link1">リンク１です</A>を作っておきます。

<HTML>
　　<HEAD>
　　　　<TITLE>ホームページ練習１５</TITLE>
　　</HEAD>
　　<BODY >
ページ内のリンク 
「リンク１に飛びます」をクリックするとしたの【リンク１】に飛びます
<A HREF="#link1">「リンク１に飛びます」</A>

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<A NAME="link1">【リンク１です】</A>
</BODY>
</HTML>

（２）ファイルを保存して、ブラウザで確認してみましょう。

ホームページ練習（Ｓ－１５）
このボタンをクリックすると、表示されます