HTML入門⑨リストを作る

HTMLHTML入門

リストはこんな感じ

おいしい食べ物

  • いちご
  • りんご
  • ぶどう
  • みかん
  • もも

フルーツポンチの作り方

  1. フルーツを用意します。
  2. フルーツを一口サイズにカットします。
  3. サイダーをたっぷりとかけます。
  4. 完成

 

リストは<ul><ol><li>というタグを使って記述します。コードは次のとおりです。

・番号なしリスト

 

・番号ありリスト

 

それぞれ、ブラウザで見てみると以下のようにリスト表示されます。

各部の説明

<li></li>タグで囲ったものがリストのデータになります。

それをさらに<ul></ul>タグ、<ol></ol>タグで囲むとリストの完成です。

<ul>タグで囲むと番号なし、<ol>タグで囲むと番号ありのリストになります。