Задания: Таблицы и формы

Кратко

Соберите таблицу навыков (thead + tbody) и форму контакта (label + input + валидация). Проверьте результат в браузере и DevTools.

Задание 1. Таблица навыков

Соберите таблицу с шапкой (thead + th) и телом (tbody + td). Ожидаемый результат — примерно так:

НавыкУровень
HTMLНачальный
CSSИзучаю

Задание 2. Форма контакта

Создайте форму с полями: имя, e-mail, пароль и сообщение. У каждого поля — свой <label> через for/id и атрибут name.

Задание 3. Нативная валидация

Добавьте required обязательным полям, type="email" для почты, type="password" и minlength="8" для пароля. Проверьте: при пустом обязательном поле браузер не отправит форму.

Самопроверка: откройте страницу, кликните по тексту подписи — курсор должен прыгнуть в связанное поле. Это значит, label и input связаны верно.