head と body の役割
HTML入門 / 全 5 枚
作成品質の確認
全チェックの通過状況
スライド 4 / 4枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
本文、前後レッスン、制作物、模範解答、3チェックを監査。既存の不正確なトラブルシュートを採点一致の完成確認に置換。
ソース・課題との接続
starterは前レッスンのsolution継承。模範解答は3/3、starterは未達を実画面で確認。
見た目・操作
通常、小型画面、印刷、送り、キーボード、クイズ、図解操作、Hydrationを確認。モーダルアニメ完了後に測定・撮影するようQAも修正。
再利用・パターンマスター
新規パターンは増やさず、既存4パターンを再利用。すべてパターンマスターで単体表示を確認。
型・テスト・回帰
HTML/CSS全61レッスン共通検証に合格。starter未達と模範解答3/3を実画面でも確認。
HTML入門 - head と body の役割
完成したかを3か所で確かめる
見た目がほぼ同じでも、構造は書き換わっています。今回の課題と採点が見る場所を順に確認します。
ブラウザは置き場所の間違いを直して表示することがあります。見た目だけでなく、コードの入れ子も確認してください。
| 確認する場所 | 完成の目印 |
|---|---|
| ファイル全体 | 先頭が DOCTYPE で、html の中に head と body がある |
| body の中 | 名前の h1 があり、表示する中身が設定と分かれている |
| 画面の見た目 | style が無くなり、名前がブラウザ既定の黒に戻る |
4 / 5
← → キーでも送れます