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
    • Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Price: $12.99.
  2. Mediterranean Delight Wrap
    • Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Price: $10.49.
  3. Sizzling BBQ Burger
    • Description: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Price: $13.99.
  4. Veggie Harvest Salad
    • Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Price: $9.99.
  5. Seafood Pasta Extravaganza
    • Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Price: $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

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Suggested prompts:

Can you show me the HTML code for the menu table?

Can you explain how to add more items to the table?

Can you help me style the table to look more attractive?

Awesome!

Completion rate improved to 3.13

bookВиклик: Робота з Таблицями

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

Завдання

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

  1. Savory Bliss Bowl
    • Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Price: $12.99.
  2. Mediterranean Delight Wrap
    • Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Price: $10.49.
  3. Sizzling BBQ Burger
    • Description: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Price: $13.99.
  4. Veggie Harvest Salad
    • Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Price: $9.99.
  5. Seafood Pasta Extravaganza
    • Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Price: $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

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

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

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

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