https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

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

<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>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

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

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