リストを表示する

◉箇条書きリスト

箇条書きをしたいときにリストを作成する

リスト全体を<ul> 〜 </ul> で囲み、

各箇条書き項目は　<li> 〜 </li>　で囲む。

　　　　　<ul>　　　　・・・・・・リスト開始

 　　　　　   <li>     </li>　　・・・・箇条書き１

 　　　　　   <li>     </li>　　・・・・箇条書き２

　　　　　    <li>     </li>　　・・・・箇条書き３

　　　　　    <li>     </li>　　・・・・箇条書き４

　　　　　</ul>　　　　・・・・・・リスト終了

◉順序のある箇条書きリスト

     【ブラウザの結果】

　　　　　1. 水を入れる

　　　　　2. 沸騰したら卵を入れる

　　　　　3. ６分で火を止める

のように順序も含めたリストにしたい場合は、

<ul> 〜 </ul>  ではなく、<ol> 〜 </ol>　にする。

     【コーディング】

　　　　　<ol>   　　　　　　　　　　  　・・・・順序あるリスト開始

 　　　　　   <li> 水を入れる </li>　　　　・・・・箇条書き１

 　　　　　   <li>沸騰したら卵を入れる</li>  ・・・箇条書き２

　　　　　    <li> ６分で火を止める    </li> ・・・・箇条書き３

　　　　　</ol>　　　　　　　　　　　    ・・・・順序あるリスト終了