ページ内リンクの貼り方

web制作

同じページ内で指定の位置にジャンプさせる方法

参考にさせて頂きました☆

【HTML】ページ内リンクの作り方:記事の途中に飛ばすには?
HTML・CSS初心者の方でも分かるようにページ内に飛ぶリンクの作り方を丁寧に解説しています。

 

ざっくり↓

まずはこの辺りにジャンプしたいという部分にidをつける

imgがあるのならそのまわりをdivタグで囲んでid指定する感じ。
<div id=”jump1″><img src=”image/002.jpg” /></div>

idを付けたら、ジャンプボタン(画像でもテキストでも)に普通のリンクを貼るイメージでURL部分にidを指定。で、完了!!

<a href=”#jump1″><img src=”image/button.jpg” /></a>
このhrefタグって色々使えて便利ですね♪

コメント

タイトルとURLをコピーしました