Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Завдання: Таблиця | Таблиці та Форми
Основи HTML
course content

Зміст курсу

Основи HTML

Основи HTML

1. Розуміння Вебу та HTML
2. Основи HTML
3. Зображення та Медіа
4. Таблиці та Форми
5. Розширений 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.
html

index

css

index

js

index

copy

Підказка

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

index

css

index

js

index

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

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

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

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