ul,olの入れ子の作り方

HTMLでリストを作りたいとき、
箇条書きリストはul、番号つきリストはolタグを使用します。

<ul>
<li>りんご</li>
<li>バナナ</li>
<li>オレンジ</li>
</ul>

<ol>
<li>開会式</li>
<li>休憩</li>
<li>閉会式</li>
</ol>

またリストを使うとき、入れ子にして使いたい場合があるかと思います。
ここで入れ子のリストの書き方ですが、個人的に時々間違うのでメモ。

<ul>
<li>メニュー1</li>
<li>メニュー2
 <ul>
 <li>サブメニュー1</li>
 <li>サブメニュー2</li>
 </ul>
</li>
<li>メニュー3</li>
</ul>
  • メニュー1
  • メニュー2
    • サブメニュー1
    • サブメニュー2
  • メニュー3

 
上記のように入れ子で表示されます。
olの場合も入れ子の作り方は同様です。

コメントを投稿する

SPONSORED LINK

CATEGORY

RECOMMEND BOOKS

OTHER

あわせて読みたい

トップへ戻る