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

100万ポイント山分け！1日5回検索で1ポイントもらえる

3927615

HOME | DIARY | PROFILE

2008.04.04

カテゴリ： HTML文字画像リンク

・リンクの方法

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

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

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

を使ってみましょう！

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

たとえば・・・

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

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

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

HTMLソース

&LT;a name="abc"&GT;リンク先にabcという名前を付けます&LT;/a&GT;
&LT;a href="リンク先URL#abc"&GT;abcと名前を付けた場所へリンクします&LT;/a&GT;

リンクの張り方（復習）

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

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

を使ってみましょう！

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

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

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

[ トップページへ戻る ]

[ 次のページ⇒ ]

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