Структура страницы
Помести заголовок и два раздела внутрь main. Проверь, почему h1 и h2 выполняют разные роли.
Открыть упражнениеПрактика HTML с проверкой
Короткое объяснение → правка кода → результат → разбор ошибки. Одно понятие за раз; подробности и подсказки открываешь по необходимости.
Определить мой уровеньЯкорные ссылки
Почини переход к разделу: значение href после # должно совпасть с id цели. Дай ссылке понятное название.
Открыть упражнениеСамостоятельная навигация
Собери меню из двух ссылок и два раздела без готового решения. Перенеси правило на новую задачу.
Открыть упражнениеСписки и порядок действий
Почини порядок шагов, затем самостоятельно раздели материалы и действия на два списка. После практики проверь, когда перестановка меняет смысл.
Открыть упражнениеКак работает ссылка внутри страницы?
Адрес ссылки указывает на идентификатор элемента. Здесь #notes ведёт к заголовку с id="notes". Символ # пишется в href, но не в id.
<a href="#notes">Заметки</a>
<h2 id="notes">Заметки</h2>С чего начать и что оценивается?
Если теги пока незнакомы, начни с базового урока. Диагностика из 12 заданий помогает выбрать старт в Python и данных, а три вопроса HTML/CSS дают предварительную рекомендацию для веб-практики. Это небольшой срез знаний, не экзамен на профессию.
Базовый урок: заголовки, абзацы, спискиПроверка ищет заданную структуру и связи между элементами. Она не оценивает смысл текста или полное владение HTML. Текущий редактор работает с ограниченным набором HTML без скриптов и внешних запросов.
Работает на компьютере и телефоне. Для редактора и сохранения нужен JavaScript. Прогресс хранится в этом браузере; резервная копия доступна в настройках.