Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Робота з Таблицями | Section
Practice
Projects
Quizzes & Challenges
Вікторини
Challenges
/
Основи HTML

bookЗавдання: Робота з Таблицями

Свайпніть щоб показати меню

Завдання

Створити HTML-таблицю для відображення позицій ресторанного меню, включаючи їхні назви, описи та ціни. Заповнити таблицю наведеними нижче даними, використовуючи правильну структуру таблиці.

  1. Savory Bliss Bowl
    • Опис: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Ціна: $12.99.
  2. Mediterranean Delight Wrap
    • Опис: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Ціна: $10.49.
  3. Sizzling BBQ Burger
    • Опис: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Ціна: $13.99.
  4. Veggie Harvest Salad
    • Опис: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Ціна: $9.99.
  5. Seafood Pasta Extravaganza
    • Опис: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Ціна: $16.99.
index.html

index.html

copy

Підказка

  • Крок 1: Створіть структуру таблиці за допомогою тегу <table>. Усередині таблиці використайте тег <thead> для заголовка таблиці та тег <tbody> для основної частини таблиці. У секції <thead> додайте рядок (<tr>) із заголовками стовпців (<th>) для кожної колонки: Item, Description, та Price.
  • Крок 2: Заповніть таблицю пунктами меню, додаючи рядки (<tr>) у секцію <tbody>. Використовуйте комірки даних таблиці (<td>) у кожному рядку (<tr>) для зазначення відповідних деталей кожного пункту меню.
index.html

index.html

copy
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 23

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 23
some-alt