　☆ Sanctuary ☆　　Smile for you

Ａタグ（１）

||　フリーページ一覧表へ戻る　||　ＴＡＢＬＥタグ（８）へ　||　Ａタグ（２）へ　||

アンカータグ　<a>　の使い方を覚えよう！！（１）

a タグは、指定したページへリンクを貼るとき、つまり他のページに移動するときや、同じページ内の指定した位置に移動するときなどに利用します。

● 他のページに移動したり、同じページ内で移動するには？

ここでは、他のページへのリンクのしかた、および同じページ内でのリンクのしかたを行ってみましょう！！

( ・o・)b さっそくですが、このページの最後に移動してみましょうか？
この場合、 ページの最後のほうで移動先をネーミングしておかないといけません。

リンク先をネーミングするには、 <a name="http://plaza.rakuten.co.jp/hermes0707/11010#bottom"> のように指定します。
ここで bottom というのは自分で適当につけた名前です。
これはなんでもかまいません。

↓ページ内の最後のほうにこういう記述をしておきます。

( ・o・)b それでは、ページの最後尾へリンクさせてみましょう！！
[ テキストの場合と画像の場合です ]

<a href="http://plaza.rakuten.co.jp/hermes0707/11010#bottom">ここをクリックするとページの最後尾へ移動します<a>

※必ず＃記号を名前の前につけます。

↓こんな感じになります。テキストと画像をクリックしてみて下さい。

ここをクリックするとページの最後尾へ移動します

( ・o・)b 先頭、最後尾への移動のしかたがわかったところで、それでは、まず、
一般的なアンカータグ( a )の使い方を見てみましょう。
「ミャー子とななの部屋」のページに移動してみます。

( ・o・)b 飛んで行く先のページ名はブラウザのアドレス欄に表示されるので、
あらかじめ自分で確認しておきましょう！！

ちなみに「ミャー子とななの部屋」のページ名は「3002」でした。

<a href="http://plaza.rakuten.co.jp/hermes0707/3002" target="_top" >
ここをクリックすると「ミャー子とななの部屋」に移動します</a>

↓こんな感じになります。クリックしてみて下さい。
　　( ・o・)b おっと！クリックしたら、また戻って来てね。d(^-^ )

ここをクリックすると「ミャー子とななの部屋」に移動します

ここでの target="_top" は何でしょうか？
これは、ブラウザ全体を移動先として指定することを意味します。

つまり、今見ている画面が切り替わるという指定です。
この _top はあらかじめ決められているキーワードです。

( ・o・)b それでは、今度は別のブラウザを開いてそこのページを表示させるようにしてみましょう！！
そのためには、 target="_blank" とします。
この _blank もあらかじめ決められているキーワードです。

<a href="http://plaza.rakuten.co.jp/hermes0707/3002" target="_blank" >
ここをクリックすると別のブラウザを出して「ミャー子とななの部屋」に移動します</a>

↓こんな感じになります。クリックしてみて下さい。

ここをクリックすると別のブラウザを出して「ミャー子とななの部屋」に移動します

( ・o・)b ところでリンク指定されたテキストには下線がついていますよね。
これをとるにはどうしたらいいでしょうか？
そのためには、 style="text-decoration:none" という指定をします。

<a href="http://plaza.rakuten.co.jp/hermes0707/3002" target="_top" style="text-decoration:none" >
ここをクリックすると「ミャー子とななの部屋」に移動します</a>

↓こんな感じになります。下線がなくなりました。クリックしてみて下さい。

ここをクリックすると「ミャー子とななの部屋」に移動します

( ・o・)b はい！ページの最後尾まで来ましたね！
そうしたら、今度はページの先頭に移動してみましょう！！
そのためにはあらかじめ、 ページの先頭のほうで移動先をネーミングしておかないといけません。

リンク先をネーミングするには、 <a name="top"> のように指定します。
ここで top というのは自分で適当につけた名前です。
これはなんでもかまいません。

↓ページ内の先頭のほうにこういう記述をしておきます。