ITパスポート 2012年秋期問59

問題文

HTMLを使用して作成できるものはどれか。

🖊️ 解答を隠して解いてみる

ア：Webブラウザ

イ：Webページ（正解）

ウ：音声ファイル

エ：動画ファイル

🔒 解説は解答すると表示されます

HTML（HyperText Markup Language：ハイパーテキスト・マークアップ・ランゲージ）は、Webページの「中身や構造」を記述するための言語です。文章の見出しや段落、リンク、画像の設置位置などを指定します。したがって、HTMLを使って「Webページ」を作成できます。

ポイント：

HTMLは文書の構造を記述するための言語であり、Webページそのものを作る役割を持ちます。
Webブラウザ（Webページを表示するソフト）はHTMLを読み取り、画面に表示します。
音声ファイルや動画ファイルは別個のファイル形式（例：MP3、MP4）で、HTML自体がそれらのファイルを「作る」わけではありません。HTMLはそれらをページに埋め込んだり、再生プレーヤーを置いたりできますが、ファイルの中身は別のツールで作ります。

各選択肢が何を指すかを簡単に言葉で確認する。
- Webブラウザ：Webページを表示するソフト（例：Chrome、Edge）。
- Webページ：HTMLで記述されるページ。
- 音声ファイル：音声を保存するファイル（例：MP3）。
- 動画ファイル：映像＋音声を保存するファイル（例：MP4）。
「HTMLの役割」を思い出す。HTMLは文書の構造を記述する言語である。
各選択肢がHTMLだけで「作成」できるかを検討する。
- WebページはHTMLで作れる → 正解候補。
- ブラウザや音声・動画ファイルはHTMLそのものでは作れない → 誤り。

ア: Webブラウザ
誤り。Webブラウザ（ウェブ閲覧ソフト）はプログラムです。HTMLはブラウザに読み込ませるデータ（文書）を作る言語であって、ブラウザ自体はHTMLで作成できません。ブラウザはC++やJavaScriptなど別の技術で作られます。
イ: Webページ
正解。WebページはHTMLで構造を記述して作ります。例えば次のような簡単なHTMLでページを作れます。
```
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>例：私のページ</title>
  </head>
  <body>
    <h1>こんにちは</h1>
    <p>これはHTMLで作ったWebページです。</p>
  </body>
</html>
```
ウ: 音声ファイル
誤り。音声ファイル（例：MP3）は音データを保存するファイル形式のひとつで、音声編集ソフトや録音ソフトで作ります。HTMLはそのファイルをページに置いて再生することはできますが、ファイル自体を生成するわけではありません。
エ: 動画ファイル
誤り。動画ファイル（例：MP4）は映像と音声を保存するファイル形式で、動画編集ソフトなどで作ります。HTMLは動画を埋め込むタグを提供しますが、動画ファイルの中身を作る機能はありません。

「HTMLで音声や動画を埋め込めるから、それらのファイルもHTMLで作れる」
→ 埋め込みと作成は別です。HTMLは埋め込み（表示や再生の指示）はできますが、ファイルの中身（音声データや映像データ）は別ツールで作ります。
「WebブラウザはHTMLの一部」
→ ブラウザはHTMLを解釈して表示するソフトです。HTMLはブラウザの中身ではなく、ブラウザが読む外部データです。

HTMLと合わせてよく使う技術
- CSS（Cascading Style Sheets：見た目を整える言語）…色や文字の大きさ、レイアウトを指定します。
- JavaScript（ジャバスクリプト：動きを与えるプログラミング言語）…ボタン押下で処理するなど、動的な挙動を作ります。
  これらを組み合わせて、見た目が良く、動くWebページを作ります。
埋め込みの例（音声・動画）
HTMLで音声や動画をページに置くときは、ブラウザにそのファイルを読み込ませます。例：
```

<audio controls>
  <source src="sample.mp3" type="audio/mpeg">
</audio>


<video controls width="320">
  <source src="sample.mp4" type="video/mp4">
</video>
```
ここで使っている sample.mp3 や sample.mp4 は別で用意されたファイルです。HTMLはそれらを「表示」や「再生」するための指示を出すだけです。

Q1: HTMLだけで「デザインの良いWebサイト」は作れますか？
A1: 基本的な構造は作れますが、見た目を整えるにはCSSが必要です。動きをつけるにはJavaScriptが使われます。

Q2: HTMLで画像は作れますか？
A2: 画像自体（jpgやpngファイル）は画像編集ソフトで作ります。HTMLはその画像をページに表示するためのタグ（img）で挿入します。

Q3: HTMLファイルはどこで動く？
A3: Webブラウザ（例：Chrome、Edge、Safari）で開くと表示されます。ブラウザがHTMLを読み取って画面にします。

関連キーワード: HTML, マークアップ言語, Webページ作成, ブラウザ, CSS, JavaScript, 音声ファイル形式, 動画ファイル形式, 埋め込みタグ, MIMEタイプ

\ せっかくなら /

ITパスポートを
クイズ形式で学習しませんか？

すぐに利用可能！