リストの例

  例1.番号なしリスト  <ul> </ul>

HTMLを書くときに字下げする必要はありませんが,半角スペースで字下げしておくと見やすくなります。
<ul>
  <li>リンゴ
  <li>イチゴ
  <li>みかん
</ul>

  例2.番号付きリスト  <ol> </ol>
<ol>
  <li>さる
  <li>とり
  <li>いぬ
</ol>
  1. さる
  2. とり
  3. いぬ

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

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

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

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


  例4.ちょっと複雑な例

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

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


  例5.リストを使ったインデント

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

戻る