Домашнє завдання 1

Курс:
Розробка вебсторінок мовою розмітки HTML5
з використанням каскадних таблиць стилів CSS3

Модуль 2. CSS форматування. Списки. CSS відступи і поля

Завдання 1
Створіть HTML-сторінку зі списком фруктів.
Необхідно стилізувати список наступним чином:
■ світлий фон у всього списку;
■ більш темний фон в одного елемента списку;
■ найтемніший фон тільки під текстом.
А також додати відступи (margin і padding) для того, щоб
досягти такого результату:

1
 Домашнє завдання 1

Завдання 2
Створіть HTML-сторінку зі списком завдань.
Для візуального поділу списку, парні та непарні елементи
мають блакитний фон із різними відтінками. Зазначені елементи
мають сірий фон, іконку з позначкою та перекреслений текст. Не-
помічені елементи списку відображаються з іконкою без позначки.
Червоний хрестик можна відобразити за допомогою спецсимволу.
Іконки для виконання завдання прикріплені до даного pdf-файлу.*
Приклад кінцевого результату:

2
 Домашнє завдання 1

Завдання 3
Створіть HTML-сторінку з визначенням tag.
При виконанні завдання вам потрібно використовувати як
список визначень (dl, dt, dd), так і простий список (ol, li).
Сторінку стилізувати так, як показано на зображенні нижче:

Текст для виконання завдання прикріплений до даного pdf-файлу.*

* Щоб отримати доступ до матеріалів, відкрийте завдання в програмі

Adobe Acrobat Reader.