Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ チャレンジ:テーブルの操作 | テーブルとフォーム
HTMLの基本

bookチャレンジ:テーブルの操作

メニューを表示するにはスワイプしてください

課題

レストランのメニュー項目を表示するHTMLテーブルの作成。項目名、説明、価格を含めること。正しいテーブル構造を使用し、以下のデータでテーブルを埋めること。

  1. Savory Bliss Bowl
    • 説明: キヌア、ロースト野菜、グリルチキン、タヒニドレッシング;
    • 価格: $12.99。
  2. Mediterranean Delight Wrap
    • 説明: ハルーミチーズ、ほうれん草、トマト、ツァジキ入りラップ;
    • 価格: $10.49。
  3. Sizzling BBQ Burger
    • 説明: ビーフパティ、ベーコン、チェダー、キャラメリゼオニオン、フライドポテト;
    • 価格: $13.99。
  4. Veggie Harvest Salad
    • 説明: グリーン、サツマイモ、ヒヨコ豆、アボカド、フェタ、ビネグレットドレッシング;
    • 価格: $9.99。
  5. Seafood Pasta Extravaganza
    • 説明: エビ、ホタテ、ムール貝、リングイネ、ガーリックワインソース;
    • 価格: $16.99。
index.html

index.html

copy

ヒント

  • ステップ1:<table>タグを使ってテーブル構造を作成。テーブル内では、テーブルヘッド用に<thead>タグ、テーブル本体用に<tbody>タグを使用。<thead>セクション内に、各列(Item、Description、Price)用のテーブルヘッダーセル(<tr>)を含む行(<th>)を追加。
  • ステップ2:<tr>セクション内に行(<tbody>)を追加してメニュー項目でテーブルを埋める。各行(<td>)内でテーブルデータセル(<tr>)を使用し、各メニュー項目の詳細を指定。
index.html

index.html

copy
すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  2

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 4.  2
some-alt