箇条書きリスト

html

<ul> アンオーダードリスト

  • unordered listの略。順序が意味をもたない内容に使う。
  • リストの項目は<li>タグを用いる。
  • 行頭マークは「黒丸」

 

ｈｔｍｌ

<ul>
<li>りんご</li>
<li>バナナ</li>
</ul>

 

ｂｒｏｗｓｅｒ

・りんご
・バナナ

 

<ol>　オーダードリスト

  • ordered listの略。順序が意味を持つ内容に使う。
  • 行頭のリストマーカーは数字である。

 

ｈｔｍｌ

<ol>
<li>まず良く洗ってから皮をむき</li>
<li>それからおもむろに囓りつく</li>
</ol>

 

ｂｒｏｗｓｅｒ

1.まず良く洗ってから皮をむき
2.それからおもむろに齧りつく

 

 

<dl>　ディフィニションリスト

  • definition listの略。
  • 「用語」と「定義」をセットにしてリスト化する際に使う。
  • リスト全体を表すdl要素と用語を表すdt（definition term）要素、定義を表すdd（definition description）要素がセットになる。

 

ｈｔｍｌ

<dl>
<dt>りんご</dt>
<dd>赤い色をした丸い果物。</dd>
<dt>バナナ</dt>
<dd>黄色い色をした細長い果物。</dd>
</dl>
ｂｒｏｗｓｅｒ
りんご
    赤い色をした丸い果物。
バナナ
    黄色い色をした細長い果物。