ホームページ作成講座★ページ内ジャンプ

初めての方にも分かりやすくホームページ作成方法を解説します♪

ホームページ作成講座 >> HTML・CSSの基礎知識 >> ページ内ジャンプ

ページ内ジャンプ

ページ内ジャンプの意味

１ページが長いページの場合などは、ページ内のある部分へ直接飛ぶことのできるリンクを作っておくと便利です。
まずは、ジャンプ先に目印(アンカー名)を作り、その目印に向けてジャンプします。

目印（アンカー）を作る

まずは、リンク先に目印(アンカー)を作ります。
<a name="アンカー名">文字</a>

ページ内アンカーへのリンクを設置

<a href="＃アンカー名">文字</a>
というように使用します。
また、別ファイルのアンカーへのリンクは以下のようにします。
<a href="ファイル名＃アンカー名">文字</a>

サンプルはこちら

HTML・CSSの基礎知識

HTML

文章関連

見出し

段落

改行

文字関係

強調

文字色

フォント(書体)

リンク

リンクする

ページ内ジャンプ

画像

画像を貼る

背景画像を指定

CSS(スタイルシート)

CSSの使い方

スタイルシートとは?

使い方

外部スタイルシート

文章関連

行間を変更

色関係

文字色

リンク色

背景色

その他