Этот тест предназначен для проверки ваших знаний продвинутых концепций HTML и CSS. Он охватывает широкий спектр тем, от семантической верстки и продвинутых селекторов CSS до современных техник компоновки и адаптивного дизайна. Тест подойдет веб-разработчикам, желающим углубить свои знания и убедиться в своей квалификации. Цель теста: Оценить понимание продвинутых концепций HTML5 и CSS3. Выявить области, требующие дополнительного изучения. Подтвердить ваш уровень владения современными веб-технологиями. Для кого этот тест: Веб-разработчики с опытом работы, желающие повысить свой уровень. Фронтенд-разработчики, стремящиеся к углубленному пониманию HTML и CSS. Студенты и выпускники, изучающие веб-разработку и желающие проверить свои знания. Что вы узнаете или получите после прохождения: Детальную оценку ваших знаний HTML и CSS. Индивидуальные рекомендации по категориям для дальнейшего обучения. Общее понимание ваших сильных и слабых сторон в веб-разработке. Тест состоит из 30 вопросов различных типов, включая вопросы с одиночным и множественным выбором. Внимательно читайте вопросы и варианты ответов. Удачи! Начать тестДалее Шаг 1 из 30 Какой HTML5 тег лучше всего подходит для семантической разметки основного содержимого веб-страницы? <div><section><article><main> ДалееДалее Шаг 2 из 30 Какие из перечисленных CSS селекторов имеют наивысшую специфичность? ID селектор (#id)Классовый селектор (.class)Универсальный селектор (*)Инлайновые стили (style="...")Селектор атрибутов ([attribute]) НазадНазад ДалееДалее Шаг 3 из 30 Что такое каскадность в CSS? Способ задания нескольких классов для одного элемента.Механизм разрешения конфликтов стилей, когда к одному элементу применяются разные стили.Возможность наследования стилей от родительских элементов к дочерним.Метод оптимизации CSS кода для ускорения загрузки страницы. НазадНазад ДалееДалее Шаг 4 из 30 Какие значения свойства `display` используются для создания Flexbox контейнера? flexinline-flexblockgridinline-block НазадНазад ДалееДалее Шаг 5 из 30 Какой HTML тег используется для определения навигационного меню на сайте? <menu><navigation><nav><links> НазадНазад ДалееДалее Шаг 6 из 30 Что делает CSS свойство `order` во Flexbox? Изменяет размер flex-элемента.Изменяет порядок flex-элементов внутри контейнера.Выравнивает flex-элементы по главной оси.Задает отступы вокруг flex-элемента. НазадНазад ДалееДалее Шаг 7 из 30 Какие медиа-запросы используются для адаптивного дизайна? @viewport@media@supports@font-face@keyframes НазадНазад ДалееДалее Шаг 8 из 30 Что такое свойство `box-sizing: border-box;`? Изменяет размер границы элемента.Включает padding и border в общую ширину и высоту элемента.Удаляет границу и padding элемента.Делает рамку элемента пунктирной. НазадНазад ДалееДалее Шаг 9 из 30 Какие псевдоклассы CSS используются для стилизации ссылок в разных состояниях? :hover:active:visited:focus:link НазадНазад ДалееДалее Шаг 10 из 30 Какой HTML тег используется для вставки векторной графики? <vector><image><svg><canvas> НазадНазад ДалееДалее Шаг 11 из 30 Что делает CSS свойство `transition`? Создает анимацию при загрузке страницы.Обеспечивает плавное изменение значений CSS свойств при изменении состояния элемента.Изменяет цвет фона элемента.Задает задержку перед выполнением JavaScript кода. НазадНазад ДалееДалее Шаг 12 из 30 Какие единицы измерения в CSS являются относительными и зависят от размера шрифта? pxemremptvw НазадНазад ДалееДалее Шаг 13 из 30 Какой HTML атрибут используется для улучшения доступности изображений для скринридеров? titlesrcaltlongdesc НазадНазад ДалееДалее Шаг 14 из 30 Что такое CSS Grid Layout? Система компоновки для создания одномерных макетов.Система компоновки для создания двумерных макетов.Библиотека JavaScript для работы с анимациями.Фреймворк CSS для создания адаптивных сеток. НазадНазад ДалееДалее Шаг 15 из 30 Какие CSS свойства используются для создания анимаций? transitionanimation-nameanimation-durationtransform@keyframes НазадНазад ДалееДалее Шаг 16 из 30 Что такое вендорные префиксы в CSS? Префиксы для указания версии CSS.Префиксы, добавляемые к CSS свойствам для поддержки их в разных браузерах на ранних стадиях разработки.Префиксы для указания приоритета CSS правил.Префиксы для сокращения записи CSS свойств. НазадНазад ДалееДалее Шаг 17 из 30 Какой HTML тег используется для встраивания видео? <media><video><movie><embed> НазадНазад ДалееДалее Шаг 18 из 30 Что делает CSS свойство `transform: translate()`? Вращает элемент.Масштабирует элемент.Перемещает элемент.Наклоняет элемент. НазадНазад ДалееДалее Шаг 19 из 30 Какие из перечисленных утверждений о свойстве `position: absolute;` верны? Элемент удаляется из нормального потока документа.Элемент позиционируется относительно ближайшего спозиционированного предка.Элемент всегда позиционируется относительно окна браузера.Элемент сохраняет свое место в нормальном потоке документа.Если нет спозиционированного предка, элемент позиционируется относительно `<html>`. НазадНазад ДалееДалее Шаг 20 из 30 Какой HTML тег используется для создания интерактивных карт? <map><area><location><address> НазадНазад ДалееДалее Шаг 21 из 30 Что такое CSS свойство `clip-path`? Задает путь обтекания текста вокруг элемента.Обрезает элемент до заданной формы.Изменяет прозрачность элемента.Создает тень вокруг элемента. НазадНазад ДалееДалее Шаг 22 из 30 Какие значения свойства `justify-content` во Flexbox используются для распределения свободного пространства между элементами? space-aroundspace-betweenspace-evenlycenterflex-start НазадНазад ДалееДалее Шаг 23 из 30 Какой HTML атрибут используется для указания языка содержимого элемента? langlanguagedirtype НазадНазад ДалееДалее Шаг 24 из 30 Что такое свойство `will-change` в CSS? Указывает браузеру, что CSS свойство элемента будет изменяться, позволяя браузеру оптимизировать анимацию.Изменяет цвет элемента при наведении курсора.Задает задержку перед применением CSS свойств.Удаляет CSS свойства элемента. НазадНазад ДалееДалее Шаг 25 из 30 Какие медиа-запросы позволяют стилизовать страницу для печати? @media screen@media print@media all@media speech НазадНазад ДалееДалее Шаг 26 из 30 Какой HTML тег используется для создания интерактивной формы? <input><form><data><interact> НазадНазад ДалееДалее Шаг 27 из 30 Что делает CSS свойство `perspective`? Изменяет цвет перспективы элемента.Создает трехмерную перспективу для дочерних элементов.Задает прозрачность перспективы.Удаляет перспективу элемента. НазадНазад ДалееДалее Шаг 28 из 30 Какие из перечисленных селекторов являются селекторами атрибутов в CSS? .class#id[attribute][attribute="value"][attribute~="value"] НазадНазад ДалееДалее Шаг 29 из 30 Какой HTML тег используется для цитирования? <cite><quote><blockquote><q> НазадНазад ДалееДалее Шаг 30 из 30 Что такое свойство `object-fit` в CSS? Задает режим обтекания текста вокруг объекта.Определяет, как содержимое замененного элемента (например, <img> или <video>) должно вписываться в контейнер.Изменяет форму объекта.Задает прозрачность объекта. НазадНазад ДалееДалее Поздравляем, вы ответили на все вопросы! Показать результатыПоказать результаты