楽天広場HTML講座

2008/12/20(土)20:20

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

HTML文字画像リンク(28)

・リンクの方法 前回までは、リンクについて学びました。 今回は、ページの特定の場所にリンクを張る方法についてです。 自分のサイトから、ページ内の特定の場所にリンクを張るには 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> を使ってみましょう! 「=""」には、リンクしたいページのURLをいれます。 「~」には、リンクであることがわかる言葉や画像をいれます。 "ココ下段にジャンプします。" リンクのはり方はこれで終了です。(これとっても便利!) 次回からは、いよいよテーブルタグについてです! [トップページへ戻る][次のページ⇒]

続きを読む

総合記事ランキング

もっと見る