女性向けエンジニアスクール
順番の意味で ul と ol を選ぶ
HTML入門 / 全 4 枚
作成品質の確認
全チェックの通過状況
スライド 3 / 3枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
本文・正解・前後境界を監査。趣味はul、経歴はol、項目はli、番号はolに任せる範囲へ固定。
ソース・課題との接続
ローカルJSONの3チェックを実レッスンへ登録。starter不合格、solution満点、禁止された番号手入力の反例不合格を確認。
見た目・操作
実レッスン開閉・再表示・狭幅・印刷・全枚ナビ・キーボード・クイズ・図解操作を通過。3枚の原寸キャプチャを目視し、切れ・重なり・縮小不良なし。
再利用・パターンマスター
新規専用DOMを作らず、登録済み共通完成スライド3種とul-ol-switch図解を再利用。各マスターカードを実画面で確認。
型・テスト・回帰
前後レッスン境界、全61レッスン採点、パーサーテスト、差分空白検査を通過。
HTML入門 - 順番の意味で ul と ol を選ぶ
趣味は ul、経歴は ol
順番に意味がない趣味は ul、時系列で読む経歴は ol で包みます。どちらも1項目ずつ li にします。
ol の li に「1.」や「2.」は書きません。画面の番号はブラウザが自動で付けます。
ul と ol はリスト全体の入れ物、li は中の1項目です。li は ul か ol の中へ入れます。
<h2>趣味</h2>
<ul>
<li>朝のさんぽ</li>
<li>写真をとる</li>
<li>コーヒーをいれる</li>
</ul>
<h2>経歴</h2>
<ol>
<li>2024 年 事務の仕事をはじめる</li>
<li>2026 年 HTML と CSS を学びはじめる</li>
</ol>2 / 4
← → キーでも送れます