1. 現在位置:
  2. トップページ
  3. tipsトップ
  4. HTML-リスト表示
全体 |  文字のレイアウト |  文字の装飾 |  背景や文字の色 |  区切り線 |  リスト表示 |  プルダウンメニュー |  サブウインドウ | 
リスト表示

htmlの書き方
表示されると
<ul>
 <li>あいうえお
 <li>かきくけこ
 <li>さしすせそ
</ul>
  • あいうえお
  • かきくけこ
  • さしすせそ
<ol>
 <li>あいうえお
 <li>かきくけこ
 <li>さしすせそ
</ol>
  1. あいうえお
  2. かきくけこ
  3. さしすせそ
<ol>
 <li type=i>あいうえお
 <li type=i>かきくけこ
 <li type=i>さしすせそ
</ol>
  1. あいうえお
  2. かきくけこ
  3. さしすせそ
<ol>
 <li type=A>あいうえお
 <li type=A>かきくけこ
 <li type=A>さしすせそ
</ol>
  1. あいうえお
  2. かきくけこ
  3. さしすせそ
<ol start=開始番号>
<ol start=3>
 <li type=1>あいうえお
 <li type=1>かきくけこ
 <li type=1>さしすせそ
</ol>
  1. あいうえお
  2. かきくけこ
  3. さしすせそ
<dl>
 <dt>ア行です
   <dd>あいうえお
 <dt>カ行です
   <dd>かきくけこ
 <dt>サ行です
   <dd>さしすせそ
</dl>
ア行です
あいうえお
カ行です
かきくけこ
サ行です
さしすせそ
通常の配置
<ul>
   少し右に配置
<ul>
      更に右に配置
</ul>
   <元に戻る
</ul>
通常に戻りました
通常の配置
    少し右に配置
      更に右に配置
    元に戻る
通常に戻りました

これらのリストタグを使えば見やすい構成にする事ができます。