ホームページ作成

ホームページ作成講座(7)～aタグ[2]～

ホームページ作成講座7回目です。
今回もリンク関連のタグについてご紹介。
まずは実例を先にお見せします。

1番に移動する。
2番に移動する。
3番に移動する。

1番









2番









3番


リンクをクリックすると、それぞれの番号のところに移動していると思います。
このようにページ内でクリックしてジャンプさせたいときには、
そのジャンプさせたい場所に<a name="">任意の文字<a>
クリックする場所には<a href="#">任意の文字<a>
という風に記述します。
ここでポイントとなるのは、
それぞれ、""の中の名前は同じにすること。
それから通常のリンクと同様に、半角英数字等を使用します。
それとリンク先のほうには、名前の先頭に#を付けること。
具体的にどうなっているかなんですが最初に説明した例を少し短くすると、


<a href="#1ban">1番に移動する。</a><br>
<a href="#2ban">2番に移動する。</a><br>
<a href="#3ban">3番に移動する。</a><br>
<a name="1ban">1番</a><br><br><br>
<a name="2ban">2番</a><br><br><br>
<a name="3ban">3番</a><br><br><br>



このように記述しています。