HTML順序リスト
HTML<ol>タグは、順序付きリストを定義します。順序付きリストは、数値またはアルファベット順にすることができます。
順序付けられたHTMLリスト
順序付きリストは<ol>タグで始まります。各リスト項目は<li>タグで始まります。
リストアイテムには、デフォルトで番号が付けられます。
例
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
順序付けられたHTMLリスト-タイプ属性
タグのtype属性は<ol>、リストアイテムマーカーのタイプを定義します。
| Type | Description |
|---|---|
| type="1" | The list items will be numbered with numbers (default) |
| type="A" | The list items will be numbered with uppercase letters |
| type="a" | The list items will be numbered with lowercase letters |
| type="I" | The list items will be numbered with uppercase roman numbers |
| type="i" | The list items will be numbered with lowercase roman numbers |
番号：
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
大文字：
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
小文字：
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
大文字のローマ数字：
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
小文字のローマ数字：
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
コントロールリストのカウント
デフォルトでは、順序付きリストは1からカウントを開始します。指定された数からカウントを開始する場合は、次のstart属性を使用できます。
例
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
ネストされたHTMLリスト
リストはネストできます（リスト内のリスト）：
例
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
注：リストアイテム（<li>）には、新しいリストや、画像やリンクなどの他のHTML要素を含めることができます。
章のまとめ
- HTML
<ol>要素を使用して順序付きリストを定義します - HTML
type属性を使用して、番号付けタイプを定義します - HTML
<li>要素を使用してリストアイテムを定義します - リストはネストできます
- リストアイテムには、他のHTML要素を含めることができます
HTMLリストタグ
| Tag | Description |
|---|---|
| <ul> | Defines an unordered list |
| <ol> | Defines an ordered list |
| <li> | Defines a list item |
| <dl> | Defines a description list |
| <dt> | Defines a term in a description list |
| <dd> | Describes the term in a description list |
利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。