箇条書きリスト

2020-10-23

箇条書きリストを作成するときは、以下のように記述。


<ul>
<li>部屋の掃除をする</li>
<li>ブログ記事を書く</li>
<li>A子にメールする</li>
</ul>

箇条書きリストは、pタグで囲まない。

何もしないと、左は「丸」
自分は「四角」にしたかったので、CSSに以下のように記述。


ul {
  list-style-type: square;
}

箇条書きリストを数字にする場合は、「ul」ではなく、「ol」にする。

  1. 部屋の掃除をする
  2. ブログ記事を書く
  3. A子にメールする


<ol>
<li>部屋の掃除をする</li>
<li>ブログ記事を書く</li>
<li>A子にメールする</li>
</ol>

参考記事:
【HTMLで箇条書き】ul・ol・liタグの使い方まとめ


ホームページ作りの記録
kanata.blog