リストTagのPageへ リストtag リファレンス へ
リストを入れ子にした使用例(リストのサンプル)
<ul><ol>のサンプル

* リストを入れ子にした場合の使用例です。マーカー付きリストの場合、一般的なブラウザでは入れ子の深さによってマーカーの種類が変わります。
* マーカー付きリストと番号付きリストを組み合わせて使用することもできます。
インデントの幅は、スタイルシートで変更できます。

 ★ 使用例とブラウザでの表示
使 用 例   ブラウザの表示
◆マーカー付きリスト
<ul><li>総務部
<ul><li>総務課
<ul><li>総務班
<li>渉外班</ul>
<li>広報課
<ul><li>広報活動班</ul></ul>
<li>経理部</ul>
◆マーカー付きリスト
  • 総務部
    • 総務課
      • 総務班
      • 渉外班
    • 広報課
      • 広報活動班
  • 経理部
◆番号付きリスト
<ol><li>総務部
<ol><li>総務課
<ol><li>総務班
<li>渉外班</ol>
<li>広報課
<ol><li>広報活動班</ol></ol>
<li>経理部</ol>
◆番号付きリスト
  1. 総務部
    1. 総務課
      1. 総務班
      2. 渉外班
    2. 広報課
      1. 広報活動班
  2. 経理部
◆マーカーと番号の組合せ
<ul><li>総務部
<ol type=A><li>総務課
<ol type=a><li>総務班
<li>渉外班</ol>
<li>広報課
<ol type=a><li>広報活動班</ol></ol>
<li>経理部</ul>
◆マーカーと番号の組合せ
  • 総務部
    1. 総務課
      1. 総務班
      2. 渉外班
    2. 広報課
      1. 広報活動班
  • 経理部
type属性は、HTML4.01では非推奨とされています。
このページは、<ul>タグと<ol>タグにスタイルシートを設定しているため、上下に1行分のスペースが空きません。左側のインデント幅も変更しています。

Page Top へ  リストtag のページへ  リストtag リファレンス へ