チェックポイント

ストーリー

先輩「基本タグの学習が終わったね。ちゃんと覚えているかチェックしよう」

演習でけっこう使ったから、自信あります！

先輩「いい心意気だ。じゃあ確認してみよう」

問題

Q1. 見出しタグで正しいものはどれですか？

• A) <heading1>タイトル</heading1>
• B) <h1>タイトル</h1>
• C) <head1>タイトル</head1>
• D) <title1>タイトル</title1>

正解: B) <h1>タイトル</h1>

見出しタグは <h1> から <h6> までです。<heading> や <head1> というタグは存在しません。

Q2. h1タグの使い方として正しいものはどれですか？

• A) ページ内で好きなだけ使ってよい
• B) 1ページに1つだけ使う
• C) 文字を大きくしたいときに使う
• D) 必ずh2の後に使う

正解: B) 1ページに1つだけ使う

h1はページ全体の主題を表す見出しで、1ページに1つだけ使います。文字サイズの変更にはCSSを使います。

Q3. HTMLで改行を入れたい場合、正しい方法はどれですか？

• A) コード内でEnterキーを押す
• B) <br> タグを使う
• C) スペースを複数入れる
• D) <newline> タグを使う

正解: B) <br> タグを使う

HTMLではコード内の改行や連続スペースは無視されます。改行するには <br> タグを使います。段落を分けるなら <p> タグを使います。

Q4. テキストを「重要」として太字にするタグはどれですか？

• A) <b>
• B) <bold>
• C) <strong>
• D) <fat>

正解: C) <strong>

<strong> は「重要」という意味を持つタグで、太字で表示されます。<b> も太字になりますが、意味を持ちません。<bold> や <fat> は存在しません。

Q5. 順序なしリスト（箇条書き）を作るタグの組み合わせはどれですか？

• A) <ol> と <li>
• B) <ul> と <li>
• C) <list> と <item>
• D) <ul> と <td>

正解: B) <ul> と <li>

<ul>（Unordered List）が順序なしリストの親要素、<li>（List Item）がリスト項目です。<ol> は順序ありリスト（番号付き）に使います。

Q6. テーブルの見出しセルを作るタグはどれですか？

• A) <td>
• B) <tr>
• C) <th>
• D) <thead>

正解: C) <th>

<th>（Table Header）はテーブルの見出しセルです。<td> はデータセル、<tr> は行、<thead> はヘッダー部分のグループです。

Q7. 次のHTMLで正しいテーブル構造はどれですか？

• A) <table><td>データ</td></table>
• B) <table><tr><td>データ</td></tr></table>
• C) <tr><table><td>データ</td></table></tr>
• D) <td><tr>データ</tr></td>

正解: B) <table><tr><td>データ</td></tr></table>

テーブルは <table> の中に <tr>（行）を作り、その中に <td> や <th>（セル）を入れます。

Q8. 料理の手順を書く場合、最も適切なタグはどれですか？

• A) <ul> と <li>
• B) <ol> と <li>
• C) <dl> と <dt>
• D) <p> のみ

正解: B) <ol> と <li>

手順のように順番が重要な場合は、<ol>（Ordered List = 順序ありリスト）を使います。<ul> は順番に意味がない箇条書きに使います。

結果の目安

まとめ

チェックリスト

• 8問中6問以上正解できた
• 間違えた問題の復習が完了した

次のステップへ

Step 2が完了しました。次のStep 3では、リンクと画像を配置して、より実践的なWebページを作っていきます。

推定読了時間: 30分