HTMLでスクロール可能なリストを作成する方法

1. <ul>要素を使用してリストを作成します。各リストアイテムは<li>要素で表現されます。

<ul>
  <li>アイテム1</li>
  <li>アイテム2</li>
  <li>アイテム3</li>
  <!-- 追加のリストアイテム -->
</ul>

2. CSSを使用してリストにスタイルを追加します。スクロールバーが表示されるようにするには、overflowプロパティを使用します。

<style>
  ul {
    overflow: auto;
    height: 200px; /* スクロール領域の高さを指定 */
  }
</style>

3. リストに表示するアイテムが多すぎて画面に収まらない場合、スクロールバーが表示されます。追加のリストアイテムを作成するには、HTML内の<ul>要素内に<li>要素を追加します。

<ul>
  <li>アイテム1</li>
  <li>アイテム2</li>
  <li>アイテム3</li>
  <!-- 追加のリストアイテム -->
  <li>アイテム1000</li>
</ul>

これで、HTMLでスクロール可能なリストを作成する方法がわかりました。必要に応じてCSSを調整して、リストの外観をカスタマイズすることもできます。