web ページの最上部やカテゴリーごとのリンクを表示するようなナビゲーションメニューの作成例です。
<nav> タグエレメントに <ul> タグを使用します。
作成した HTML、CSS、JavaScript はコピーすることができます。
- ad -
以下に、サイトのページごとまたはカテゴリーごとに <a> タグでリストに作成します。
入力し終わったら、HTML 作成をクリックします。以下のHTMLにその内容が反映されます。
HTML 作成
HTML
この HTML、CSS と JavaScript を編集し、最下段の動作の確認にある確認確認をクリックしてみてください。
動作の確認
確認
#top_navi ulセレクターの、list-style: none;で先頭のマークを非表示に、diplay:flex;によって縦並びを横並びにしています。
cssあり/なし、scriptあり/なしを選択することができます。HTMLだけなら、CSSありで、scriptありでと確かめることができます。
