リンクの貼り方と階層について




リンクとは?


ホームページ上のある場所をクリックすると他のページや同じページの離れた位置に
瞬時に移動できる仕掛けがあるのはご存知でしょう、これを「リンク」といいます。




まず同じページの離れた位置に移動できる「リンク」を貼ってみましょう。




移動の出発点の「タグ」は

<A HREF="#..........">出発点のテキスト(文字)</A>

移動の目的地の「タグ」は

<A NAME="..........">目的地のテキスト(文字)</A>

と書き"#......."に入れる文字と"......."に入れる文字は小文字の
アルファベットで同じ内容にしてください。






次は全く別のホームページへに移動できる「リンク」の貼りかたです。




この場合では目的地用の「タグ」は使わず

<A HREF="http://....................">目的地となるホームページの名前など・・・</A>

と書くだけです。目的地のURL(http://....................)を間違わないようにね?!







今度は、「リンク」タグを使って
キーワードをクリックするとメーラーが開くようにする方法です。




<A HREF="mailto:送り先のメールアドレス">ここからメールください</A>
と書けばOK!!です。




画像ボタンをクリックするとメーラーが開くようにするには、


<A HREF="mailto:送り先のメールアドレス"><IMG SRC="***.gif">
この画像ボタンからメールください</A>







それでは自分のホームページ内のあるページから
別のページへの「リンク」の貼りかたです。




同じディレクトリ(フォルダ)内の場合




<A HREF="目的地ページのファイル名(**.html)">目的地ページ名など・・・</A>

もしくは

<A HREF="./**.html">目的地ページ名など・・・</A>






ひとつ上層のディレクトリ(link2)内に目的地のページがある場合




<A HREF="Link1/目的地ページのファイル名(**.html)">目的地ページ名など・・・</A>

もしくは

<A HREF="../**.html">目的地ページ名など・・・</A>





同層ディレクトリ(Link1)内の中にあるサブディレクトリ(Link3)内に
目的地のページがある場合




<A HREF="Link1/Link3/**.html">目的地ページ名など・・・</A>

もしくは

<A HREF="./Link3/**.html">目的地ページ名など・・・</A>






backtopnext