Course Content
HTML Essentials
HTML Essentials
Challenge: Table
Task
Create an HTML table to display restaurant menu items, including their names, descriptions, and prices. Fill in the table with the following data using the correct table structure.
- Savory Bliss Bowl
- Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
- Price: $12.99.
- Mediterranean Delight Wrap
- Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
- Price: $10.49.
- Sizzling BBQ Burger
- Description: Beef patty, bacon, cheddar, caramelized onions, fries;
- Price: $13.99.
- Veggie Harvest Salad
- Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
- Price: $9.99.
- Seafood Pasta Extravaganza
- Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
- Price: $16.99.
index
index
index
Hint
- Step 1: Create the table structure using the
<table>
tag. Inside the table, use the<thead>
tag for the table head and the<tbody>
tag for the table body. Within the<thead>
section, add a row (<tr>
) with table header cells (<th>
) for each column: Item, Description, and Price. - Step 2: Populate the table with menu items by adding rows (
<tr>
) inside the<tbody>
section. Use table data cells (<td>
) within each row (<tr>
) to specify the corresponding details for each menu item.
index
index
index
Everything was clear?