第1部 HTML — Day 2 / 30

HTMLの基本構造

HTMLファイルには決まった骨組みがあります。<!DOCTYPE html> は「これはHTML5の文書です」という宣言、<head> はページの情報(タイトルや文字コード)を書く場所、<body> は画面に表示される本文を書く場所です。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>ページのタイトル</title>
</head>
<body>
  <!-- ここに表示したい内容を書く -->
</body>
</html>

タグは <p>〜</p> のように開始タグと終了タグで囲むのが基本です。タグの中にタグを入れる(入れ子にする)ときは、開いた順と逆の順で閉じます。

 はコメントです。画面には表示されないので、自分用のメモとして使えます。

今日の練習

Day 1 のファイルに lang="ja" とコメントを追加し、title を書き換えてブラウザのタブの表示が変わることを確認しましょう。

模範解答を見る

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>私のはじめてのページ</title>
</head>
<body>
  <!-- あいさつの段落 -->
  <p>こんにちは、HTML!</p>
</body>
</html>

title を書き換えると、ブラウザのタブの表示が変わります。コメントは画面に表示されません。

理解度チェック

学籍番号と氏名を入力してクイズに正解すると、確認コード付きの提出用画面が表示されます。スクリーンショットを撮って Teams の Class Notebook に提出してください。

学籍番号氏名（フルネーム）

Q. 画面に表示される本文を書く場所はどこでしょうか?

head の中 body の中 DOCTYPE の中

Completed

正解です！Day 2 の学習を確認しました

科目	経営情報 2026
教材	プログラミング入門30日 Day 2 HTMLの基本構造
学籍番号
氏名
提出時間
確認コード

提出時間はサーバー時刻に基づきます。

この画面のスクリーンショットを撮り、Teams の Class Notebook に提出してください。