Структура разметки: Заголовок первого уровня: Карта навыков верстальщика Заголовок второго уровня: Базовый уровень Нумерованный список из трёх заголовков третьего уровня: HTML CSS Инструменты HTML Раздел HTML содержит маркированный список из двух элементов: Семантический HTML Доступность Для более подробного описания используется список определений: Семантический HTML — Разметка с помощью семантических тегов и Schema.org Доступность — Разметка страницы для людей с ограниченными возможностями Основной контейнер списка определений имеет класс .definitions. Название термина имеет класс .definitions-term.

CSS Раздел CSS содержит маркированный список из двух элементов:

Селекторы и свойства CSS Позиционирование элементов Для более подробного описания используется список определений:

Селекторы и свойства CSS — Описание основных селекторов и свойств CSS Позиционирование элементов — Методы позиционирования элементов на странице с помощью CSS Инструменты Раздел Инструменты содержит маркированный список из трех элементов:

Редактор кода Браузерные инструменты разработчика CSS препроцессоры Для более подробного описания используется список определений:

Редактор кода — Программа для написания и редактирования кода, например, Visual Studio Code или Sublime Text Браузерные инструменты разработчика — Инструменты в браузерах для отладки и анализа веб-страниц CSS препроцессоры — Инструменты для упрощения написания CSS, например, Sass или Less

Это пример структуры разметки для карты навыков верстальщика на базовом уровне.