Тест по HTML

Реализуйте сайт с тестом на знание HTML тегов.

Продумайте структуру базы данных для хранения вопросов и правильных ответов. Затем вручную вбейте в базу 10-15 вопросов по HTML тегам (например, "Какой тег создает заголовок?", "Какой тег используется для ссылки?" и т.д.). Все данные должны храниться в базе данных и выводиться на странице теста.

Основные возможности проекта

• Список вопросов с инпутами для ответов.
• Кнопка для проверки ответов.
• Вывод процента правильных ответов.
• Возможность пройти тест заново.

Страница теста

Тест должен представлять собой список вопросов. Под каждым вопросом должно находиться поле ввода (инпут) для ответа пользователя. Вопросы должны выводиться в случайном порядке.

Проверка ответов

В конце теста должна быть кнопка "Проверить ответы". По нажатию на кнопку сайт должен:

• Сравнить ответы пользователя с правильными ответами из базы данных.
• Подсчитать количество правильных ответов.
• Вывести процент правильных ответов (например, "Вы ответили правильно на 80% вопросов").
• Вывести список вопросов с указанием, где ответ был правильным (зеленым), а где неправильным (красным).

Прохождение теста заново

После проверки ответов должна появиться кнопка "Пройти тест заново". По нажатию на нее все поля ввода очищаются, вопросы перемешиваются заново, и пользователь может пройти тест снова.