リストとアンカーを組み合わせたい

Question

前提・実現したいこと

htmlで簡単なホームページを作成しています。

<li>aaa</li>のようなリストとアンカーを組み合わせておなじページ内の特定の場所にクリックで移動させたいです。

Answer 1

<ul>
  <li><a href="#AAA">AAA</a></li>
  <li><a href="#BBB">BBB</a></li>
  <li><a href="#CCC">CCC</a></li>
</ul>

<div id="AAA">
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
</div>
<div id="BBB">
  <p>BBBBBBBBBBBBBBBBBBBBBBBBBBB</p>
  <p>BBBBBBBBBBBBBBBBBBBBBBBBBBB</p>
  <p>BBBBBBBBBBBBBBBBBBBBBBBBBBB</p>
</div>
<div id="CCC">
  <p>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</p>
  <p>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</p>
  <p>CCCCCCCCCCCCCCCCCC</p>
  <p>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</p>
</div>

こういう話ですか？
「ページ内リンク」というキーワードで調べてみてください。

希望の動作と違う場合には具体的に質問を編集してください。

Comments

[退会済みユーザー]

回答ありがとうございました。無事に解決できました！