ページ内の特定の場所にリンクを張る方法

2008.04.04

・リンクの方法

前回までは、リンクについて学びました。
今回は、ページの特定の場所にリンクを張る方法についてです。

自分のサイトから、ページ内の特定の場所にリンクを張るには
name属性を使用して、その場所に名前（識別子）をつけます。

<a name="">～</a>

を使ってみましょう！

「<a name="abc"」と言う名前をつけます。
「<a href="リンク先URL#abc">」abcと名前を付けた場所へリンクします。

たとえば・・・

クリックしてみてください。このページの"ココ下段にジャンプします。"

入力ソース
↓
<a href="リンク先URL#abc">クリックしてみてください。このページのココ下段にジャンプします。</a>

リンク先の入力ソース
↓
<a name="abc">リンク先の文章「クリックしてみてください。このページのココ下段にジャンプします。」abcと名前を付けた特定のリンク先ページにジャンプします。</a>

HTMLソース

<a name="abc">リンク先にabcという名前を付けます</a>

<a href="リンク先URL#abc">abcと名前を付けた場所へリンクします</a>

リンクの張り方（復習）

自分のサイトから、ちがうページにリンクをはる。
他のサイトにリンクをはる。
画像にリンクをはる。こんなとき・・・

<a href="">～</a>

を使ってみましょう！

「=""」には、リンクしたいページのＵＲＬをいれます。
「～」には、リンクであることがわかる言葉や画像をいれます。

"ココ下段にジャンプします。"

リンクのはり方はこれで終了です。（これとっても便利！）
次回からは、いよいよテーブルタグについてです！

[トップページへ戻る]

[次のページ⇒]

お気に入りの記事を「いいね！」で応援しよう

Last updated 2008.12.20 20:20:10

[HTML文字画像リンク] カテゴリの最新記事