HTML・CSS ナビゲーションメニューの実装方法

HTML・CSSにおいて、ナビゲーションメニューの実装を行って行く上で学んだことをアウトプットします。
まだまだ初心者ですので、間違っている箇所等ございましたら、ご指摘頂けると幸いです！

・ナビゲーションメニューとしたい文章（画像）をaタグで囲います。

index.html

<a href="#mv">文章（画像）</a>

その後飛ばしたい先の部分をsectionタグで区切ります。

index.html

<section id="mv">
  <div class="main-visual">
    <p class="main-title">Lorem Ipsum</p>
    <p class="sub-title">simply dummy text of the printing</p>
  </div>
</section>

上記のように記述すると、ナビゲーションメニューとして設定した文章（画像）はこの記述部分へと飛んでいってくれます。

以上簡単ではありますが、ナビゲーションメニューの実装でした！