何をする書き方？
ulは順番を問わない一覧、olは順番が意味を持つ一覧です。各項目はliで囲みます。買い物メモにはul、料理の手順にはol、と内容に合わせて選びます。
基本の形
<ul>
<li>項目</li>
</ul>ul箇条書きの全体。ol番号付きリストの全体。liリストのひとつの項目。短い例で確かめる
index.html
<ul>
<li>りんご</li>
<li>みかん</li>
</ul>結果
りんご・みかんの箇条書き
準備・実行方法を確認する
テキストエディターで index.html を作り、UTF-8で保存します。ファイルをブラウザーで開くと表示を確認できます。変更したら保存して再読み込みしてください。
もう少し詳しいコードを見る
index.html
<h2>学ぶ順番</h2>
<ol>
<li>HTMLで内容を作る</li>
<li>CSSで見た目を整える</li>
<li>JavaScriptで動きを付ける</li>
</ol>結果
1. HTMLで内容を作る
2. CSSで見た目を整える
3. JavaScriptで動きを付ける
ここで、書き換えてみよう
文字や数字を変えたら「実行する」を押します。変更したコードは、ページを移動すると元に戻ります。
一問だけ、復習しよう
「リスト」の書き方はどれ？
少し変えてみよう
olをulに置き換えて、番号が箇条書きの記号に変わることを確かめましょう。
つまずいたら、ここを確認
リスト全体をliで囲むのではなく、項目ごとにliを使います。
自分の言葉でメモ
記録はこのブラウザーに保存されます。