第1部 HTML — Day 1 / 30

Webページのしくみ

Webページの正体は「HTMLファイル」というただのテキストファイルです。ブラウザ(Chrome など)は、サーバーから受け取ったHTMLを解釈して、見出しや画像のある画面として表示しています。

まずはテキストエディタ(メモ帳や VS Code)で次の内容を入力し、hello.html という名前で保存して、そのファイルをブラウザで開いてみましょう。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>はじめてのページ</title>
</head>
<body>
  <p>こんにちは、HTML!</p>
</body>
</html>

ファイルは必ず文字コード「UTF-8」で保存します。日本語が文字化けしたときは、保存時の文字コードを確認しましょう。

今日の練習

「こんにちは、HTML!」を自分の好きなあいさつに書き換えて保存し、ブラウザを再読み込みして表示が変わることを確認しましょう。

模範解答を見る

<p>こんばんは、HTML!はじめてのWebページです。</p>

p タグの中の文字を書き換えて保存(Ctrl+S)し、ブラウザで再読み込み(F5)すれば表示が変わります。

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

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

Q. Webページの表示のしくみとして正しいものはどれでしょうか?

ブラウザがHTMLファイルを解釈して画面に表示しているサーバーが完成した画面の画像を送ってきている HTMLファイルは画像ファイルの一種である

Completed

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

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