← クエスト一覧

クエスト7:テーブルを作ろう

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

クエスト7:テーブルを作ろう

基礎 +10 XP
🏠
今回の課題
名前なまえ点数てんすうひょうつくろう!
📖 解説を見る
📊 テーブル(ひょう)をつくろう!

テーブルは「縦横たてよこならんだひょう」をつくれます。

✏️ かた
<table>
  <tr>ぎょう</tr>
  <th>見出みだれつ</th>
  <td>普通ふつうれつ</td>
</table>


⚠️ ポイント:
tr = Table Row(ぎょう
th = Table Header(見出みだし)
td = Table Data(データでーた
ヒントを見る
<table> の中に <tr><th>名前</th><th>点数</th></tr> を書いてみよう!
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
💻 コードエディタ
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

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

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

未挑戦

問題 1: ぎょう偶数ぐうすうのとき背景色はいけいしょくえる tr:nth-child(even)追加ついかしよう!(自由じゆう回答かいとう

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

問題 2: きなもの値段ねだんひょうつくろう!(自由じゆう回答かいとう

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

問題 3: れつを3つにして「名前なまえ教科きょうか点数てんすう」のひょうつくろう!(自由じゆう回答かいとう

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