ホームページ作成支援Ran.comX
 

ハイパーリンク


▼ホームページに欠かせないもの、それがリンクですね。
  • 文字や画像などをクリックすると、他のページやサイトにジャンプしちゃう時があります。
    これをハイパーリンクと言います。
    この機能を使っていろいろなページを見て回ったり、友達のページ同士で相互リンクを張ったりと、いろいろな楽しみ方があるんですよ。
    これの基本は<A>(アンカータグ)を使ったもので、以外に単純なのですぐに覚えられると思います。(基本編も簡単に切り上げますね。w)
●ハイパーリンク基本タグ
    <A href="ジャンプするページのURL" target="_blank"></A>
    ※とりあえず、基本的にはこれだけOKです。w

●実際の指定例
    <A href="wanko.htm" title="わんわんのページ" target="_blank">
    ワンコのページだぢょ♪</A>

※実際には、基本的に改行はしませんので間違えないようにね。
※さっきのタグにはない title というのがありますが、簡単な説明を入れるものです。
文字にマウスを乗せるとわかりますよ。


●上の指定の表示
                 ワンコのページだぢょ♪
※どうですか?新しいページが立ち上がったでしょう?これが target="_blank"という指定によって決められているんです。他にも同じウィンドウに表示させたりできる指定など、数種類あります。(指定は下に記述しています。)

●ターゲットについて
     上で述べた通り、ターゲットの指定にはいろいろな種類があります。
     これを変更することで、いろいろなジャンプをさせることができるんです。

●ジャンプ先ごとの指定の仕方
   @同じ(ここ)ページの特定の場所にリンクする場合
   <A href="#NAME">・・・この場合リンク先の場所にNAME(名前)をつけておく。
   例えば、ページの一番上にリンクした場合・・・
   名前を <A name="top">ハイパーリンク</A>という感じで指定しておきました。
こちらの指定を<A href="#top">ここからトップにJUMP</A>としました。
これでそこへジャンプするはずです。→ここからトップにJUMP
   ※どうですか?一番上の画像まで飛んだでしょう?(o^-')b

   A別ウィンドウでの表示と同じウィンドウでの表示
   さっきのように別ウィンドウで表示する場合の指定は target="_blank"
   同じウィンドウでの表示は指定しないか target="_self"と指定します。
   指定なしでも問題ないと思いますので、とりあえず _blank だけ覚えてください。
   ※当面はこれだけ覚えておけば問題ないはずです。(o^-')b

●画像へのリンク
画像をクリックすると他のページへジャンプするというのは、もはや当たり前にできることになっていますね。
とにかく、上での学習と画像の部分での学習の、単純な複合ですから。w

●指定タグの記述方法
<A href="ジャンプ先URL"><IMG src="画像のURL"></A>
基本はこれだけで、あとはタイトルとかウィンドウの指定とかをくっつけるだけです。
●実際の指定
<A href="wanko.htm" target="_blank"><IMG src="rin6.gif"></A>
では、下の画像をクリックしてみてください。↓
                           

基本編はここまでやれば十分でしょう。多分・・・(笑)
全般的にリンクについては比較的簡単に覚えられるはずですよ。w
なにせ俺でも覚えたんですから(笑)。次も頑張って覚えてください。(o^-')b
COPYRIGHT © 2004-2007 FREEMETHOD ALL RIGHTS RESERVED. ランキングナビ