見出し画像

リスト

§ リストについて


〇順序なしリスト(Unordered List)

・リスト全体を<ul>~</ul>で囲む.
・先頭に黒丸が付く.
・前後に空白が入る.
・字下げが起こる.

文字入力後の画面表示
ライブプレビュー後の画面表示

〇順序付きリスト(Ordered List)

・リスト全体を<ol>~</ol>で囲む.
・先頭に数字,または英字が付く.
・前後に空白が入る.
・字下げが起こる.

文字入力後の画面表示
ライブプレビュー後の画面表示

〇見出し付きリスト(Definition List)

・言葉は<dt>~</dt>で囲む.
・説明は<dd>~</dd>で囲む.
・リスト全体は<dl>~</dl>で囲む.

文字入力後の画面表示
ライブプレビュー後の画面表示

★リストの入れ子
・リストの中にリストが入ってもよい.
・入れ子にするリストの種類が異なっていてもよい.

文字入力後の画面表示
ライブプレビュー後の画面表示


この記事が気に入ったらサポートをしてみませんか?