Зміст курсу
Основи 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.html
Підказка
Крок 1: Створіть структуру таблиці, використовуючи тег
<table>
. Всередині таблиці використовуйте тег<thead>
для заголовка таблиці та тег<tbody>
для тіла таблиці. У розділі<thead>
додайте рядок (<tr>
) з заголовними комірками (<th>
) для кожного стовпця: Елемент, Опис та Ціна.Крок 2: Заповніть таблицю елементами меню, додаючи рядки (
<tr>
) у розділі<tbody>
. Використовуйте комірки даних таблиці (<td>
) у кожному рядку (<tr>
), щоб вказати відповідні деталі для кожного елемента меню.
index.html
Дякуємо за ваш відгук!