← クエスト一覧

クエスト38：テーブルの基礎

スライド 1 / 2
コーデ
💻 コード例
実行結果
← クエスト一覧
🌐 HTML & CSS / Quest 38 / 50

クエスト38：テーブルの基礎

発展 +10 XP
🏠
今回の課題
名前・教科・点数の3列のテーブルを作ろう！（データは3行以上）
📖 解説を見る
📊 HTMLテーブルを作ろう！

  • <table>：テーブル全体
  • <tr>：行
  • <th>：見出しセル
  • <td>：データセル
ヒントを見る
<table><tr><th>名前</th><th>教科</th><th>点数</th></tr>... を書こう！
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
💻 コードエディタ
正解！見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 3 正解 レッスンに戻る

全問正解でクエストクリア！

未挑戦

問題 1: 行をもう1行追加しよう！（自由回答）

🖼 プレビュー
実行結果
実行できたよ！
もう一度チャレンジ！
未挑戦

問題 2: 偶数行の背景色を薄くしよう（tr:nth-child(even)）！（自由回答）

🖼 プレビュー
実行結果
実行できたよ！
もう一度チャレンジ！
未挑戦

問題 3: テーブルにキャプション（caption）を追加しよう！（自由回答）

🖼 プレビュー
実行結果
実行できたよ！
もう一度チャレンジ！
コピーしました！