logo
 
cpacer

4.6 箇条書き

ここでは, HTML文書で箇条書きを行う際, 記号や番号などを項目の先頭に付加して表示する方法を説明します.

4.6.1 番号なし箇条書き - <ul>タグ

ulは``Unordinal List''の略で, 箇条書きを行うためのタグです. <ul>と </ul>が, 箇条書きの始まりと終りを表し, <li>が項目を表します.

<ul>
 <li>項目1
 <li>項目2
</ul>

[*]に<ul>タグを用いた例を示します.

図: <ul>タグのサンプル
次に概要を示す。
<ul>
 <li>はじめに
 <li>そして
</ul>最後に
次に詳細について説明する。

4.6.2 番号付き箇条書き - <ol>タグ

olは``Ordinal List''の略で, 通し番号による箇条書きが表現できます.

<ol>
 <li>項目1
 <li>項目2
</ol>

[*]に<ol>タグを用いた例を示します.

図: <ol>タグのサンプル
<ol>SFCでよくみる動物
 <li> 鴨
 <li> 猫
</ol>

4.6.3 説明付き箇条書き - <dl>タグ

<dl>タグを使うと,各項目に説明がついた箇条書きを行えます. 項目は<dt>タグの後に,項目の説明は<dd>タグの後に記述します.

 <dl>
  <dt>項目1
   <dd>項目1の説明
  <dt>項目2
   <dd>項目2の説明
 </dl>
		

[*]に<dl>タグを用いた例を示します.

図:<dl> タグのサンプル
<dl>
  <dt>サリンジャー
   <dd>ライ麦畑でつかまえて
  <dt>サガン
   <dd>悲しみよこんにちは
 </dl>