SFC CNS GUIDE 2004

2.6 箇条書き

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


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

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


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

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

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


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

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

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

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

図2,5 <ol>タグのサンプル
<ol>SFCでよくみる動物
 <li> 鴨
 <li> 猫
</ol>
02_TagOL


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

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


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

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

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