HTML | 箇条書きリストの基本的なサンプルコード

2022-07-01

HTMLで箇条書きリストの基本的な構造タグとなるサンプルコードを紹介しています。

箇条書きリストのサンプルコード

HTMLの基本的なリスト（箇条書き）は<ul>要素と<li>要素で構成されています。
<ul>要素はリスト全体を示し、<li>要素はリストの各項目を示します。

以下は箇条書きリストを記述したシンプルなサンプルコードになります。

<ul>
	<li>リスト</li>
	<li>リスト</li>
	<li>リスト</li>
	<li>リスト</li>
</ul>

上記HTMLコードの表示結果は以下のようになります。

リストに連番を振る場合は<ul>タグの代わりに<ol>タグを利用します。

<ol>
	<li>リスト</li>
	<li>リスト</li>
	<li>リスト</li>
	<li>リスト</li>
</ol>

上記HTMLコードの表示結果は以下のようになります。

Yousuke.U