MitoRoid -HTML-リスト

箇条書きリストを作成する場合は、<ul>タグと<li>タグを使用します。

<ul>タグでリスト全体を定義し、<li>タグでリストに表示する各項目を定義します。

ブラウザ表示では、リストの頭に「・」がつけられ、リスト全体は、インデント(字下げ)されます。
「・」のことをマーカーと呼びます。

構文例

<ul>
 <li>項目１</li>
 <li>項目２</li>
 <li>項目３</li>
    …
</ul>

実行結果

※マーカーの形状は、スタイルシートで変更できます。

箇条書きリストを作成する場合は、<ol>タグと<li>タグを使用します。

<ol>タグでリスト全体を定義し、<li>タグでリストに表示する各項目を定義します。

ブラウザ表示では、リスト項目に番号がつけられ、自動的に１から順にふられます。
リストは、インデント(字下げ)されます。

構文例

<ol>
  <li>項目１</li>
  <li>項目２</li>
  <li>項目３</li>
	    …
</ol>

実行結果

※番号の表示は、スタイルシートで変更できます。

定義リストとは、「見出し」と「その内容」が１つのセットになったものです。

定義リストを作成する場合は、<dl>タグ、<dt>タグ、<dd>タグを使用します。
<dl>タグで定義リストの範囲を決め、<dt>タグで見出しを<dd>タグでその内容を指定します。

ブラウザ表示では、dd要素がインデント(字下げ)されます。

構文例

<dl>
  <dt>見出し１</dt>
  <dd>内容１</dd>
  <dt>見出し２</dt>
  <dd>内容２</dd>
	    …
</dl>

MitoRoid