リストの例

　　例１．番号なしリスト　　<ul>　</ul>

HTMLを書くときに字下げする必要はありませんが，半角スペースで字下げしておくと見やすくなります。

<ul>
  <li>リンゴ
  <li>イチゴ
  <li>みかん
</ul>

リンゴ
イチゴ
みかん

　　例２．番号付きリスト　　<ol>　</ol>

<ol>
  <li>さる
  <li>とり
  <li>いぬ
</ol>

さる
とり
いぬ

　　例３. 定義語型リストの例　　<dl>　</dl>

<dt> のあとに語句，<dd> のあとに解説を書く。


<dl>
  <dt>ＣＰＵ
  <dd>Central Processor Unit の略。中央演算処理装置。
  <dt>メモリー
  <dd>半導体記憶装置。データを一時格納しておくために使う。
</dl>

ＣＰＵ: Central Processor Unit の略。中央演算処理装置。
メモリー: 半導体記憶装置。データを一時格納しておくために使う。

　　例４．ちょっと複雑な例

リストの入れ子構造と，行頭番号の種類の変更の例です。
type= で行頭記号や番号の種類の変更が可能です。


<ul type=square>
  <li>くだもの
  <ol type=A>
    <li>いちご
    <li>もも
    <li>りんご
  </ol>
  <li>やさい
  <ol type=I>
    <li>トマト
    <li>ほうれんそう
    <li>かぼちゃ
  </ol>
</ul>

くだもの
1. いちご
2. もも
3. りんご
やさい
1. トマト
2. ほうれんそう
3. かぼちゃ

　　例５．リストを使ったインデント

<ul>
  リストを使って，文字列をインデントすることができます。<br>
  リストを使って，文字列をインデントすることができます。<br>
  <ul>
    さらに入れ子構造にすることも可能です。<br>
    さらに入れ子構造にすることも可能です。<br>
  </ul>
  リストを使って，文字列をインデントすることができます。<br>
</ul>

戻る