[article num="5" layout="simple" order="DESC" orderby="post_date" date="1" cat_name="1"]

文章の装飾:リスト

項目を表示する際や、手順を示すとき、また箇条書きにするときにはリストタグをうまく活用していきましょう。

リスト(ul,li,ol)

リストタグには、3つ(ul,li,ol)のタグがあります。

li

liタグはList Itemの略で、リストの項目を記述する際に使用します。

ul

ulはUnordered Listの略で、リスト項目に順序を付けない場合に使用します。
liタグを付けたリストを囲みます。

ol

Ordered Listの略で、リスト項目に順序を付ける場合に使用します。
liタグを付けたリストを囲みます。

使い方

好きな動物

<ul><li>ネコ</li><li>イヌ</li><li>クマ</li><li>ペンギン</li></ul>

  • ネコ
  • イヌ
  • クマ
  • ペンギン

カレーの作り方

<ol><li>肉と野菜を炒める</li><li>水を入れて中火で煮込む</li><li>時々アクを取る</li><li>カレールーを入れる</li><li>煮込む</li></ol>

  1. 肉と野菜を炒める
  2. 水を入れて中火で煮込む
  3. 時々アクを取る
  4. カレールーを入れる
  5. 煮込む
SHARE:
あなたへのおすすめ
tks