今回紹介するのは、やることのリストや料理の手順、らんきんぐを表示したい場合
<ol>タグを使ってマークすることができます。
サンプルコードです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTMLのメモ</title> </head> <body> <h1>私の一日</h1> <ol> <li>朝、目が覚める</li> <li>顔を洗う</li> <li>ご飯を食べる</li> <li>着替える</li> <li>家を出る</li> </ol> <ol start="6"> <li>駅へ向かう</li> <li>電車に乗る</li> <li>電車を降りる</li> <li>会社につく</li> <li>勤務開始</li> </ol> </body> </html> |
<ol>タグ内には<li>タグしか入れることができません。
ですが、連続して番号をつけたいリストの途中に画像をいれたいなど
<li>タグ以外のものを挟みたい場合があります。
そういった場合は start属性を使って、リスト番号を指定することが
できます。