Зміст курсу
Основи HTML
Основи HTML
Завдання: Таблиця
Завдання
Створіть HTML-таблицю для відображення пунктів меню ресторану, включаючи їхні назви, описи та ціни. Заповніть таблицю наступними даними, використовуючи правильну структуру таблиці.
- Savory Bliss Bowl
- Опис: Quinoa, roasted veggies, grilled chicken, tahini dressing;
- Ціна: $12.99.
- Mediterranean Delight Wrap
- Опис: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
- Ціна: $10.49.
- Sizzling BBQ Burger
- Опис: Beef patty, bacon, cheddar, caramelized onions, fries;
- Ціна: $13.99.
- Veggie Harvest Salad
- Опис: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
- Ціна: $9.99.
- Seafood Pasta Extravaganza
- Опис: Shrimp, scallops, mussels, linguine, garlic wine sauce;
- Ціна: $16.99.
index
index
index
Підказка
- Крок 1: Створіть структуру таблиці, використовуючи тег
<table>
. Всередині таблиці використовуйте тег<thead>
для заголовка таблиці та тег<tbody>
для тіла таблиці. У розділі<thead>
додайте рядок (<tr>
) з заголовними комірками (<th>
) для кожного стовпця: Елемент, Опис та Ціна. - Крок 2: Заповніть таблицю елементами меню, додаючи рядки (
<tr>
) у розділі<tbody>
. Використовуйте комірки даних таблиці (<td>
) у кожному рядку (<tr>
), щоб вказати відповідні деталі для кожного елемента меню.
index
index
index
Дякуємо за ваш відгук!