【HTMLでページ内リンク（ジャンプ）をスクロールする方法】

Emikioさん、こんにちは。r360studio 森和恵です。

Dreamweaverのメニュー操作では完了しないので、HTMLコードを入力する方法の解説となります。

ステップは次の2つです。

1）リンク先指定

リンク先の要素に id属性を用いてアンカーを指定。
要素（タグ）は、どれを用いてもOKですが、一般的にブロックレベル要素を使うことが多いです。p要素を例にサンプルコードを示します。

例）p要素をアンカーを指定
<p id="pagebottom">リンク先</p>
※アンカー名”pagebottom”は、任意で名付けてください

2）リンク元指定
#（ハッシュ記号）とアンカー名で、同ページにあるアンカーへリンクします。
別のHTMLからリンクする場合は、「リンクパス#アンカー名」とすればOKです。

例）同ページ
<a href="#pagebottom">ここをクリックするとジャンプ</a>

例）別ページ test.html から
<a href="test.html#pagebottom">ここをクリックするとジャンプ</a>

くわしい解説を、以前放送した授業で視聴できますので、よかったら下記も参考にしてみてください。

YouTubeライブ授業『a要素（aタグ）の徹底解説：ページ内リンク』
https://youtu.be/QMG8EBe_CLU?t=4208

お役に立てれば幸いです。