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

このスライドが付いているレッスンを開く