プログラミング入門30日 の Day 2
🎯 今日のゴール HTML文書の骨組み(DOCTYPE・html・head・body)のそれぞれの役割を説明できる。
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 の提出欄にアップロードしてください。
Q. 画面に表示される本文を書く場所はどこでしょうか?
| 問題番号 | プログラミング入門30日 Day 2 |
|---|---|
| 学籍番号 | |
| 氏名 | |
| 提出時間 | |
| 確認コード |
提出時間はサーバー時刻に基づきます。
この画面のスクリーンショットを撮り、Teams の提出欄にアップロードしてください。