Лабораторна робота 11

Завдання 1. Елементи веб-форми

Особисті дані (Текстові поля)

Ім'я (text):

Пароль (password):

Email (email):

Про себе (textarea):

Параметри та вибір

Рівень знань (range):

Оберіть стать (radio):

Чоловіча

Жіноча (за замовчуванням)

Які технології ви вивчаєте? (checkbox):

HTML

CSS

JavaScript

Оберіть країну (optgroup):

Мови (multiple вибір):

Завдання 2. Псевдоелементи

Цей абзац демонструє роботу вбудованих у браузер псевдоелементів структури тексту. Зверніть увагу на першу літеру цього слова та перший рядок тексту, які стилізовані індивідуально без додаткових HTML-тегів.

А цей текст загорнутий у декоративні елементи згенерованого контенту.

Завдання 3. Псевдокласи посилань

Відвідати MDN Web Docs

Завдання 4. Псевдокласи (Варіант 5)

У формі вище активовано обов'язкові псевдокласи валідації :valid та :invalid, а також псевдоклас :checked.

Нижче продемонстровано роботу структурних псевдокласів :first-child та :nth-of-type(n):

Перший елемент списку (:first-child — має інший колір тексту)
Другий елемент (парна позиція :nth-of-type(even) — має сірий фон)
Третій елемент списку (непарна позиція)
Четвертий елемент (парна позиція :nth-of-type(even) — має сірий фон)