【HTML】箇条書きを表す要素

✔箇条書きを表す要素

<ul></ul>…unordered list【順不同リスト】

<ol></ol>…ordered list    【番号順リスト】

<li></li>…list item 　　　【ul ol の中に入れるリスト】

✔17行目は箇条書きの入れ子…【リストの中にリストを入れる】

✔複数行のインデント(字下げ)        …       Ctrl +  ]

✔スクリーンショット　　　　　   …　　Alt  +  PrtSc

このコードの表示がこちら⇩

まとめ

✔順不同リスト<ul></ul> と 番号順リスト<ol></ol>がある。

✔<li></li>は単体では使えず、必ず<ul></ul>,<ol></ol>と一緒に使う。

✔リストの中にリストを作ることができる。(箇条書きの入れ子)

今日はカルボナーラのレシピをコードで書いてみました。

インデントのショートカットキーも確認できたので、これからフル活用です(^^♪

2020.8.17(Mon)