2016年05月04日

ページ内にリンクを貼ってみた <a>

同じページ内で指定した場所へジャンプさせる方法です。
よく、ページの最初にメニューがあって、そこから同じページの所定の場所にジャンプしたり、ページの下の方からページの先頭にジャンプしたりする時に使います。

実際の例として
"1へジャンプ"をクリックして、下の方の"1"にジャンプ(リンク)させてみます。

まず、ジャンプ先の"1"に名前を付けます。
名前は何でも構いません。ここでは"1"とします。
では、HTMLのソースコードの編集です。
"1"の前後に次のように追記します。

<a name="1">1</a>

次はジャンプ元(リンク元)の"1へジャンプ"への編集です。
"1"へリンクを張ります。
"1へジャンプ"の前後に次のように追記します。

<a href="#1">1へジャンプ</a>

以上で完了です。
では早速クリックしてみてください。

1へジャンプ




 ↓

  ↓

 ↓

  ↓

 ↓






1
っと、
飛んできましたね!


関連ページ
目次
ラベル:リンク
posted by Yuuu69 at 18:25| HTML | このブログの読者になる | 更新情報をチェックする