列挙

次のように、項目を挙げる様な場合は、UL(unordered list)要素を使います。

買い物リスト

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>買い物リスト</title>
</head>
<body>
<H2>買い物リスト</H2>
<UL>
<LI>挽肉150g
<LI>卵1パック
<LI>タマネギ1玉
<LI>ケチャップ1つ
</UL>
</body>
</html>

課題 上の例を"list.html"というファイル名で、"f:\html"に保存します。

これを、Netscape Communicatorを使って、表示させてみます。

順序付きのリスト

次のように、順番を示すような、リストにはOL(orderd list)要素を使います。

朝

  1. 目が覚める
  2. 布団から出る
  3. 顔を洗う
  4. 朝御飯を食べる
  5. 靴を履く
  6. 玄関を出る
  7. 服を着るのを忘れていた
<H2>朝</H2>
<OL>
<LI>目が覚める
<LI>布団から出る
<LI>顔を洗う
<LI>朝御飯を食べる
<LI>靴を履く
<LI>玄関を出る
<LI>服を着るのを忘れていた
</OL>

定義リスト

日時
平成10年7月11日 13時30分

<DL>
<DT>日時</DT><DD>平成10年7月11日 13時30分</DD>
</DL>

リストのマークを変える

<UL type="disc">
<LI>aaaaaaaa
<LI>bbbbbbbb
</UL>

<UL type="square">
<LI>aaaaaaaa
<LI>bbbbbbbb
</UL>

<UL type="circle">
<LI>aaaaaaaa
<LI>bbbbbbbb
</UL>

リストの入れ子

問い合わせ tanioka@ishikawa-pc.ac.jp
目次へ戻る