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

2023-10-04HTML リスト,HTML

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

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コードの表示結果は以下のようになります。

  1. リスト
  2. リスト
  3. リスト
  4. リスト

HTML リスト,HTML

Posted by Yousuke.U