|
ハイパーリンク
▼ホームページに欠かせないもの、それがリンクですね。
- 文字や画像などをクリックすると、他のページやサイトにジャンプしちゃう時があります。
これをハイパーリンクと言います。
この機能を使っていろいろなページを見て回ったり、友達のページ同士で相互リンクを張ったりと、いろいろな楽しみ方があるんですよ。 これの基本は<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 |
|
|
|