有希のPC勉強

PCについて勉強したことを残していくため更新しています。一緒に勉強しませんか?

【初級編】同じページリンクの仕方

有希です!!
今回はそこまで難しいものではないHTMLを紹介します!
それではどうぞ!!

同じページ内でリンクをつけてみる


通常のリンクの仕方はリンクをつけるで紹介をすでにしてあるので、今回は同じページ内でリンクをする方法を教えます!!
たとえば、

<a name="memo">メモ</a>

というふうに記述するとします。すると
メモ
と表示されます。これだけではテキストに名前をつけただけなので、

<a href="#memo">メモにとぶ</a>

このように別のところへ記述しておけば、
メモにとぶ
上の文章をクリックしてみてください!

<a name="memo">メモ</a>

と記述したところにとぶのがわかりましたか??
つまりは

<a name="テキストの名前を指定">テキスト</a>

と、テキストに名前をつけて、

<a href="#テキストの名前を指定">テキスト</a>

と、リンクでとばす方に、指定した名前の前に#をつけて、

<a href="#">TOPへ戻る</a>

これだけでおkです。

今回はこれだけになります;
でぁでぁ!!
TOPへもどる