前回は数字を含んだリストを紹介しました。
今回は数字はいらない場合に使えるものを紹介します。
特に順序がなく箇条書きでものを表示したい場合
<ol>タグではなく<ul>タグを使用します。
<ul>タグも<ol>タグと同じように中には
<li>タグしか入れることができません。
<ul>タグの初期状態は、リストの頭にマーカー「●」がつきます。
このリストのマーカーはブラウザーによって見た目が変わります。
後に記述するCSSでこのマーカーを変更することができます。
<li>タグは、必ず、<ul>タグ、<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 26 27 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTMLのメモ</title> </head> <body> <h1>私の一日</h1> <ul> <li>朝、目が覚める</li> <li>顔を洗う</li> <li>ご飯を食べる</li> <li>着替える</li> <li>家を出る</li> </ul> <p>駅に向かう道中</p> <ul> <li>駅へ向かう</li> <li>電車に乗る</li> <li>電車を降りる</li> <li>会社につく</li> <li>勤務開始</li> </ul> </body> </html> |