リストに順番を付けたい場合に’ol’タグを使用します。
例えば、手順、ランキング、目次、時系列のイベントなど、順番が重要な場合に役に立ちます。
コード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>順序付きリストの例</title>
</head>
<body>
<h1>コーヒーの淹れ方（手順）</h1>
<ol>
<li>新鮮なコーヒー豆を用意します。</li>
<li>コーヒー豆をグラインダーで挽きます。</li>
<li>フィルターをドリッパーにセットし、お湯を少量注いで湿らせます。</li>
<li>挽いたコーヒー豆をフィルターに入れます。</li>
<li>少量のお湯を注ぎ、30秒ほど蒸らします。</li>
<li>残りの熱湯をゆっくりと、数回に分けて注ぎます。</li>
<li>カップにコーヒーを注いで、完成です！</li>
</ol>
</body>
</html>
プレビュー
