リスト HTML tag "DL","OL,"UL"

説明付きリスト"DL","DT,"DD"　書式　例 実際の見え方
<dl>
<dt>見本1
<dd>見本1の説明
<dt>見本2
<dd>見本2の説明
<dt>見本3
<dd>見本3の説明
<dd>見本3の説明が長い文章になると、2行目の表示はこういう風になる。
</dl>
見本1
見本1の説明
見本2
見本2の説明
見本3
見本3の説明
見本3の説明が長い文章になると、2行目の表示はこういう風になる。

番号付きリスト"OL","LI"　書式　例 実際の見え方
<ol>
<li>見本1
<li>見本2
<li>見本3
</ol>
  1. 見本1
  2. 見本2
  3. 見本3
<ol type=A>
<li>見本1
<li>見本2
<li>見本3
</ol>
  1. 見本1
  2. 見本2
  3. 見本3
<ol type=a>
<li>見本1
<li>見本2
<li>見本3
</ol>
  1. 見本1
  2. 見本2
  3. 見本3
<ol type=I>
<li>見本1
<li>見本2
<li>見本3
</ol>
  1. 見本1
  2. 見本2
  3. 見本3
<ol type=i>
<li>見本1
<li>見本2
<li>見本3
</ol>
  1. 見本1
  2. 見本2
  3. 見本3
<ol type=1 start=5>
<li>見本1
<li>見本2
<li>見本3
</ol>
  1. 見本1
  2. 見本2
  3. 見本3

番号なしリスト"UL","LI"　書式　例 実際の見え方
<ul>
<li>見本1
<li>見本2
<li>見本3
</ul>
  • 見本1
  • 見本2
  • 見本3
<ul type=disc>
<li>見本1
<li>見本2
<li>見本3
</ul>
  • 見本1
  • 見本2
  • 見本3
<ul type=square>
<li>見本1
<li>見本2
<li>見本3
</ul>
  • 見本1
  • 見本2
  • 見本3
<ul type=circle>
<li>見本1
<li>見本2
<li>見本3
</ul>
  • 見本1
  • 見本2
  • 見本3

複合リスト　書式　例 実際の見え方
<h4>リスト例</h4>
<ol>
<li>番号付きリスト1
<li>番号付きリスト2
<li>番号付きリスト3
<ul>
<li>番号なしリスト1
<li>番号なしリスト2
<ol type=a>
<li>さらに深層の番号付きリスト1
<li>さらに深層の番号付きリスト2
</ol>
<li type=square>番号なしリスト3
</ul>
<li>番号付きリスト4
</ol>

リスト例

  1. 番号付きリスト1
  2. 番号付きリスト2
  3. 番号付きリスト3
    • 番号なしリスト1
    • 番号なしリスト2
      1. さらに深層の番号付きリスト1
      2. さらに深層の番号付きリスト2
    • 番号なしリスト3
  4. 番号付きリスト4

[ 閉じる ]