Kursusindhold
HTML Essentials
HTML Essentials
Challenge: Working with Tables
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.html
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.html
Tak for dine kommentarer!