HTMLでリストタグ<ul><ol><li>を入れ子（ネスト）にするには

みなさん、こんにちは！

B-CHANです。

ボクの場合、IT業界とは無縁の人間なので、どこかの無料の簡単に文章を入力して公開できるタイプのブログを使えばいいんですが、何でも深追いするタイプなので、無理やりHTMLとCSSを勉強して、日々、ガリガリとコーディングしながら書いてます。

で、新しく学んだことは、ここに備忘録的に書いています。

ボクと同レベルのスキルの人たちに参考になればいいなと思っています。

さて、今回は、リストタグの入れ子。

要するにリストの各項目の中にさらにリストがある状態です。

こんなのです。

というわけで、いつものようにちょっと悩みました。

で、答えはこちら。

先日のこの記事にも書いたルールを思い出しました。

<ul>タグや<ol>タグの中には<li>タグ以外は入れてはいけないというルール。

逆に<li>タグ内には何でも入れられます。

なので入れ子にする場合、<li>タグ内に、また<ol>タグや<ul>タグを入れればいいんですね。

では、応用として、3重の入れ子。

これで、MBAなどで学ぶロジックツリーが描けるようになりますね。

めでたしめでたし。