Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Таблиця | Таблиці та Форми
Основи 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>) для кожного стовпця: Елемент, Опис та Ціна.
  • Крок 2: Заповніть таблицю елементами меню, додаючи рядки (<tr>) у розділі <tbody>. Використовуйте комірки даних таблиці (<td>) у кожному рядку (<tr>), щоб вказати відповідні деталі для кожного елемента меню.
index.html

index.html

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

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

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

Секція 4. Розділ 2

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 3.13

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

index.html

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

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

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

Секція 4. Розділ 2
some-alt