パンねこNOTE

雑記ブログ。できることはなるべく自分で調べてやる!をモットーに。日々やったこと、疑問、ゲームなどなど。ポケモン・Minecraft・マリオ・ポケ森すきです。

〈HTML〉別ページの途中に飛ばすリンクをつくる方法

              はてなブログをやっていると別ページの頭にリンクを貼るのはとても簡単ですが、途中へ飛ばす方法はあるのか?と調べてみました

 

    

HTML初心者の私にも簡単にできたので忘れないように記しておきます

 

 

 

 

リンクのつくりかた

まずは飛ばしたい別ページのところに着地点をつくります

その形が

 

<a name="123"></a>

 

123のところは何でも良いです。自分でわかりやすい文字

 

 

そしてスタート地点には

<a href="リンク先のURL#123">テキスト</a>

を入力します

 

いつもはてなブログでリンクを貼るときは

 

f:id:pan_neko:20200722140049j:image

 

このリンクボタンひとつで簡単にやっていたのでそこへ少し追加するだけで簡単に飛ばすことができました

 

 

ページ内リンク

ちなみに同ページ内リンクはcontentsと見出しをつかって簡単にできますが、この方法をつかうことができます

 

上記のリンク先のURLをなくすだけで良いです

 

 

<a name="123"></a>

<a href="#123">テキスト</a>

 

 

もっと簡単ですね

 

というわけでやってみました

 

 ↓ここをクリックしてはじめへ飛んでいれば成功です(^^)

はじめへ

 

まだまだ初心者ですがもっと勉強して色々とマスターしていきます