Шаги, чек-лист, код и встраивание
Четыре разных задачи: последовательность действий, самопроверка, пример кода и внешний виджет.
Шаги
У каждого шага должны быть название-действие и результат. Выберите номера, таймлайн или карточки. Порядок задаёт автор.
Чек-лист
Перечислите конкретные проверки. Выберите галочки, задачи или точки. Самопроверка не заменяет сдачу теста или домашней работы.
Код
Обычный тёмный или светлый режим показывает код для чтения и копирования. Живой пример выполняет доверенный учебный HTML/JS в изолированном iframe. Это материал, а не проверяемый ответ теста.
Встраивание
Вставьте поддерживаемую ссылку или iframe. Проверьте загрузку на домене учеников. Если внешний сервис запрещает встраивание или требует входа, дайте рядом обычную ссылку.
Никаких рабочих секретов
Не помещайте в учебный пример токены, пароли или установочные ключи. Ограничения доступа внешнего сервиса не снимаются настройками оформления урока.