ナビゲーション基礎(2021年度版)

タピオカ株式会社

以下の完成を目指してコーデイングしていきましょう。

<h1>タピオカ株式会社</h1>
<nav>
<ul>
<li><a href="#">ホーム</a></li>
<li><a href="#">会社概要</a></li>
<li><a href="#">サービス</a></li>
<li><a href="#">採用情報</a></li>
<li><a href="#">お問い合わせ</a></li>				
</ul>
</nav>

<section>
<p><img src="images/images.jpg"></p>
<p><img src="images/images.jpg"></p>
</section>

<h1>タピオカ株式会社</h1>

<nav>

<ul>

<li><a href="#">お問い合わせ</a></li>

</ul>

</nav>

</section>

ナビゲーション部分を、フォーカスして解説します。まずは、スマホ用のナビゲーションを構築していきます。スマホは、横幅が狭いため、メニューを縦に配置します。