チャレンジ:テーブルの操作
メニューを表示するにはスワイプしてください
課題
レストランのメニュー項目を表示するHTMLテーブルの作成。項目名、説明、価格を含めること。正しいテーブル構造を使用し、以下のデータでテーブルを埋めること。
- Savory Bliss Bowl
- 説明: キヌア、ロースト野菜、グリルチキン、タヒニドレッシング;
- 価格: $12.99。
- Mediterranean Delight Wrap
- 説明: ハルーミチーズ、ほうれん草、トマト、ツァジキ入りラップ;
- 価格: $10.49。
- Sizzling BBQ Burger
- 説明: ビーフパティ、ベーコン、チェダー、キャラメリゼオニオン、フライドポテト;
- 価格: $13.99。
- Veggie Harvest Salad
- 説明: グリーン、サツマイモ、ヒヨコ豆、アボカド、フェタ、ビネグレットドレッシング;
- 価格: $9.99。
- Seafood Pasta Extravaganza
- 説明: エビ、ホタテ、ムール貝、リングイネ、ガーリックワインソース;
- 価格: $16.99。
index.html
ヒント
- ステップ1:
<table>タグを使ってテーブル構造を作成。テーブル内では、テーブルヘッド用に<thead>タグ、テーブル本体用に<tbody>タグを使用。<thead>セクション内に、各列(Item、Description、Price)用のテーブルヘッダーセル(<tr>)を含む行(<th>)を追加。 - ステップ2:
<tr>セクション内に行(<tbody>)を追加してメニュー項目でテーブルを埋める。各行(<td>)内でテーブルデータセル(<tr>)を使用し、各メニュー項目の詳細を指定。
index.html
すべて明確でしたか?
フィードバックありがとうございます!
セクション 4. 章 2
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 4. 章 2