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. Веб Розробка
2. Теги та Атрибути
3. Структура Документа
4. Медіа та Таблиці
5. Форми

bookЧелендж: Таблиці

🏁 Мета

Представте інформацію про співробітників у вигляді структурованої таблиці, використовуючи відповідні HTML-теги для створення рядків і стовпців.

📋 Завдання

Створіть таблицю з трьома стовпчиками: Name, Position та Wage. Зосередьтеся на використанні відповідних HTML-тегів для заповнення таблиці правильними рядками та стовпчиками. Нижче наведені дані, які потрібно включити:

  1. Ім'я: Emma Johnson | Посада: Sales Associate | Зарплата: $15.50 per hour;
  2. Ім'я: Liam Thompson | Посада: Customer Service Representative | Зарплата: $14.75 per hour;
  3. Ім'я: Olivia Rodriguez | Посада: Marketing Coordinator | Зарплата: $18.25 per hour;
  4. Ім'я: Noah Smith | Посада: IT Support Specialist | Зарплата: $20.00 per hour;
  5. Ім'я: Ava Davis | Посада: Administrative Assistant | Зарплата: $16.80 per hour.
html

index

css

index

js

index

copy
  1. Використовуйте тег table, щоб визначити основний елемент контейнера для таблиці;
  2. Використовуйте тег thead, щоб згрупувати вміст заголовків таблиці, наприклад заголовки стовпців;
  3. Використовуйте тег tr , щоб визначити новий рядок у таблиці;
  4. Використовуйте тег th, щоб визначити текст заголовка для кожного стовпця;
  5. Використовуйте тег tbody, щоб згрупувати основний вміст таблиці, який включає рядки та комірки даних;
  6. Використовуйте тег td, щоб визначити фактичні дані або вміст у кожній клітинці таблиці.
html

index

css

index

js

index

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

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

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

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