同じページ内や指定場所にリンクを飛ばす

コチラへどうぞ

↑こんな感じに飛びます。

違うページのホテル宿泊記録へ飛びたかったのです。

リンクを飛ばす方法

飛びたいURLの後ろに、 # と(任意の半角英数字文字)

 https://fromau.net/262.html#kota 

HTMLで作ったサイトに
飛ばしたい場所にコレ→ id=”(任意の半角英数字文字) をいれています。

 <p id=”kota></p>  

サイトの同じページにも使えます。

ワードプレスを利用している人は、アドレスバーのURLをコピーしてリンクするだけです。

このサイトでいうと、上の目次リンクをクリックすると、アドレスバーにURLが出ます。

実際にやってみましょう

このページの最初のタイトル、リンクを飛ばす方法 (←これをクリック)

クリックすると、上に移動します。

リンクURLは、目次にリンクがあるのでそれをクリックすると
アドレスバーにそのURLが出ます。

それをコピーしてリンクさせます。

リンクに

同じページ内や指定場所にリンクを飛ばす
コチラへどうぞ↑こんな感じに飛びます。違うページのホテル宿泊記録へ飛びたかったのです。リンクを飛ばす方法飛びたいURLの後ろに、 # と(任意の半角英数字文字)  HTMLで作ったサイトに飛ばしたい場所にコレ→ id="(任意の半角英数字文...

URLの後に /#itoc1と入っていますね。

飛びたいところへ飛ばせます。



さ~!好きな場所に飛んでみましょう。ジャンプジャンプ。


PVアクセスランキング にほんブログ村
タイトルとURLをコピーしました