ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >HTMLタグ一覧 > リンク

同じページ内でリンクする

<a href="#アンカー名">〜</a><a name="アンカー名">〜</a>で 同じページ内で指定した場所へ飛ぶことができます。 ページが長文で縦長だと下までスクロールするのが面倒ですが この指定をすると指定した箇所へワンクリックで移動できるので 便利です。

■ 同じページ内でリンクする

テキストリンクを一回クリックすると同じページ内の指定した場所へ 移動します。 アンカー名はjumpという名前にしています。
2番目のソースはこのページの最下部の「ジャンプできました」 のテキスト部分のソースです。

【ブラウザ表示】

一番下へジャンプ


ソース

<a href="#jump">一番下へジャンプ</a>

<a name="jump">ジャンプできました</a>

■ 他のページ内でリンクする

<a href="URL#アンカー名">〜</a><a name="アンカー名">〜</a>で あるページ内のテキストリンクから他のページの指定した テキストのある場所へ移動することができます。 下の例ではアンカー名はsubjumpとし、 このページの以下のテキストリンクからhttp://hmaster.net/link3.html の ページ下部のHTMLタグ一覧のリンク右の「ページに戻る」 のテキストのある場所まで移動します。
このページに戻るにはブラウザの戻るボタンから戻ってください。

【ブラウザ表示】

他のページ http://hmaster.net/link3.html の「ページに戻る」のテキストまで移動します。


ソース

<a href="link3.html#subjump">
他のページ http://hmaster.net/link3.html の「ページに戻る」のテキストまで移動します。
</a>


他のページのソース

<a name="subjump">ページに戻る</a>

■ その他の項目

指定のページへリンクする
メールソフトを起動する
別窓でリンクする
説明文を表示する
リンクの文字色を指定する

HTMLタグ一覧のページに戻る

HTMLタグ
テキスト
イメージ
マーキー
テーブル
リンク
リスト
水平線
フォーム
メタタグ
フレーム
音楽タグ
埋め込みタグ

HOME

ジャンプできました。

Copyright (C) 2003-2012 ホームページマスター All rights reserved.