head と body の役割

HTML入門 / 全 5 枚

作成品質の確認

全チェックの通過状況

スライド 4 / 4枚、チェック 5 / 5項目が通過

全項目通過・次へ進めます

本文・学習内容

本文、前後レッスン、制作物、模範解答、3チェックを監査。既存の不正確なトラブルシュートを採点一致の完成確認に置換。

通過

ソース・課題との接続

starterは前レッスンのsolution継承。模範解答は3/3、starterは未達を実画面で確認。

通過

見た目・操作

通常、小型画面、印刷、送り、キーボード、クイズ、図解操作、Hydrationを確認。モーダルアニメ完了後に測定・撮影するようQAも修正。

通過

再利用・パターンマスター

新規パターンは増やさず、既存4パターンを再利用。すべてパターンマスターで単体表示を確認。

通過

型・テスト・回帰

HTML/CSS全61レッスン共通検証に合格。starter未達と模範解答3/3を実画面でも確認。

通過

HTML入門 - head と body の役割

本当の HTML ファイルには最初から決まった型があります。手紙に宛名と本文の欄があるのと同じで、置く場所が決まっています。

中は2つに分かれます。head は設定を書く場所、body は画面に出す中身を書く場所です。

先頭の1行は「これは今の HTML です」という宣言です。その下の html が、ページ全体を包む一番外側の入れ物になります。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <h1>山田 太郎</h1>
</body>
</html>

1 / 5

← → キーでも送れます