Заказать решение теста "Программирование на языке верстки HTML и стилей CSS"

Закрытый вопрос: Какой тег HTML используется для создания горизонтальной линии?
Закрытый вопрос: Какой атрибут HTML используется для задания альтернативного текста изображению?
Закрытый вопрос: Какой символ используется для обозначения конца тега HTML?
Закрытый вопрос: Какой тег HTML используется для создания не нумерованного списка?
Закрытый вопрос: Какой тег HTML используется для создания ссылки на другой документ или часть документа?
Закрытый вопрос по HTML: Какой тег HTML используется для создания таблицы?
Закрытый вопрос по HTML: Какой атрибут HTML используется для задания адреса ссылки?
Закрытый вопрос по HTML: Какой тег HTML используется для создания выпадающего списка?
Закрытый вопрос по HTML: Какой тег HTML используется для создания комментария в коде?
Как называется первый тег в HTML-документе, который указывает на версию языка разметки? (укажите название тега без угловых скобок)
Какой тег используется для создания заголовков разных уровней в HTML-документе? (укажите название тега без угловых скобок и номера уровня)
Какой атрибут тега < p > позволяет выровнять текст по центру, по левому или правому краю? (укажите название атрибута без знака равенства)
Какой тег используется для создания таблицы в HTML-документе? (укажите название тега без угловых скобок)
Какой тег используется для создания формы, которая позволяет пользователю вводить и отправлять данные на сервер? (укажите название тега без угловых скобок)
Какой атрибут тега < form > указывает на метод передачи данных формы на сервер? (укажите название атрибута без знака равенства)
Какой тег используется для вставки изображения в HTML-документ? (укажите название тега без угловых скобок)
Какой атрибут тега < img > указывает на адрес изображения, которое нужно отобразить? (укажите название атрибута без знака равенства)
Как называется способ верстки, при котором используются теги HTML по их назначению, то есть согласно смыслу и содержанию элементов? (укажите одно слово)
Вопрос на установление соответствия: Соотнесите теги HTML с их функциями

Вопрос на упорядочивание: Расположите теги HTML в порядке убывания их частоты использования в среднем HTML-документе, начиная с самого частого.
Вы работаете веб-разработчиком в компании, которая занимается продажей игрушек. Ваша задача - создать веб-страницу, на которой будет отображаться каталог игрушек с фотографиями, названиями, ценами и описаниями. Вы уже подготовили текстовый контент и изображения для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно сверстать страницу с помощью HTML.
Какой тег нужно использовать для создания таблицы с четырьмя столбцами и несколькими строками, в которой будут отображаться данные о игрушках?
Что такое селектор CSS?
Какой селектор CSS используется для выбора всех элементов с определенным классом?
Какой селектор CSS используется для выбора всех элементов с определенным идентификатором?
Какой селектор CSS используется для выбора всех элементов, которые являются потомками определенного элемента?
Какое свойство CSS используется для задания внутренних отступов элемента?
Какое свойство CSS используется для задания границы элемента?
Какое свойство CSS используется для задания стиля границы элемента?
Какое свойство CSS используется для задания фонового цвета элемента?
Какое свойство CSS используется для задания ширины элемента?
Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания продолжительности анимации?
Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания временной функции анимации?
Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания количества повторений анимации?
Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания направления анимации?
Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания состояния анимации?
Открытый вопрос по теме Анимации: Как называется правило CSS, которое используется для определения ключевых кадров анимации?
Открытый вопрос по теме Трансформации: Какое свойство CSS используется для задания типа и параметров трансформации элемента?
Как называется элемент CSS, который позволяет задавать стили для одного или нескольких элементов HTML? (укажите одно слово)
Как называется элемент CSS, который позволяет задавать значение для определенного свойства стиля? (укажите одно слово)
Расположите свойства CSS для задания шрифта текста в порядке уменьшения их значимости для отображения текста:
Установите соответствие между свойствами CSS и их значениями:
Вы работаете веб-разработчиком в компании, которая занимается продажей косметики. Ваша задача - создать веб-страницу, на которой будет отображаться информация о разных продуктах косметики, их составе, эффекте и способе применения. Вы уже сверстали страницу с помощью HTML и подготовили текстовый контент и изображения для страницы. Теперь вам нужно оформить страницу с помощью CSS.

Какой селектор CSS нужно использовать для применения стилей к элементу с идентификатором "product", если вы хотите задать ему ширину 300 пикселей, высоту 200 пикселей и рамку толщиной 1 пиксель цвета черного?
Что такое Flexbox в CSS?
Какое свойство CSS используется для задания контейнера Flexbox?
Какое свойство CSS используется для задания направления основной оси Flexbox?

Какое свойство CSS используется для задания переноса элементов Flexbox на новую строку?
Какое свойство CSS используется для задания соотношения роста элементов Flexbox?
Что такое Grid в CSS?
Закрытый вопрос по теме Grid: Какое свойство CSS используется для задания контейнера Grid?
Какое свойство CSS используется для задания колонок Grid?
Какое свойство CSS используется для задания строк Grid?
Как называется технология в CSS, которая позволяет адаптировать стили к разным параметрам устройства или окна браузера с помощью ключевого слова @media? (укажите одно слово, написанное латинскими буквами)
Как называется способ верстки, при котором ширина и высота элементов задаются в относительных единицах измерения, например, процентах или em? (укажите одно слово)
Как называется модель компоновки в CSS, которая позволяет выравнивать и распределять элементы в одномерном пространстве (по горизонтали или по вертикали)? (укажите одно слово)
Как называется модель компоновки в CSS, которая позволяет выравнивать и распределять элементы в двумерном пространстве (по горизонтали и по вертикали)? (укажите одно слово)
Как называется свойство CSS, которое позволяет задать минимальную и максимальную ширину или высоту элемента? (укажите название свойства без двоеточия и суффикса min или max)
Как называется способ верстки, при котором элементы подстраиваются под разные размеры экранов с помощью относительных единиц измерения и медиа-запросов? (укажите одно слово)
Как называется способ верстки, при котором элементы имеют фиксированные размеры и положения, не зависящие от размеров экранов? (укажите одно слово)

Как называется процесс проверки и устранения ошибок в верстке, связанных с различиями в отображении сайта в разных браузерах? (укажите одно слово)
Как называется технология в CSS, которая позволяет использовать переменные для хранения и повторного использования значений свойств? (укажите одно слово, написанное латинскими буквами)
Установите соответствие между медиа-выражениями и их описаниями:
Расположите шаги для экспорта элемента из Figma в порядке, в котором они должны выполняться:
Вы работаете веб-разработчиком в компании, которая занимается продажей обуви. Ваша задача - создать веб-сайт, на котором будет отображаться каталог обуви, ее характеристики, цены и отзывы. Вы уже подготовили дизайн и логику сайта, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно сделать сайт адаптивным и кроссбраузерным, то есть корректно отображающимся на разных устройствах и браузерах.

Какой инструмент нужно использовать для создания адаптивной сетки, которая позволяет располагать элементы в виде строк и столбцов с разной шириной и высотой?
Что такое Figma?
Как называется основная единица работы в Figma?
Как называется панель, на которой располагаются все элементы макета в Figma?
Как называется панель, на которой отображаются все слои и группы элементов макета в Figma?
Как называется панель, на которой располагаются различные инструменты для создания и редактирования элементов макета в Figma?
Как называется панель, на которой отображаются различные свойства выбранного элемента макета в Figma?
Как называется функция, которая позволяет создавать динамические списки элементов макета в Figma?
Как называется функция, которая позволяет создавать интерактивные прототипы макетов в Figma?
Как называется функция, которая позволяет экспортировать элементы макета в различные форматы файлов в Figma?
Как называется основная единица работы в Figma, которая представляет собой файл с одним или несколькими холстами? (укажите одно слово)
Как называется элемент в Figma, который позволяет создавать и редактировать векторные графические объекты, такие как линии, кривые, фигуры и т.д.? (укажите одно слово)
Как называется элемент в Figma, который позволяет добавлять и редактировать текстовые блоки на холсте? (укажите одно слово)
Как называется элемент в Figma, который позволяет изменять цвет, шрифт, выравнивание, отступы и другие параметры текста или графики? (укажите одно слово)
Как называется элемент в Figma, который позволяет перемещать, масштабировать, поворачивать или выравнивать объекты на холсте? (укажите одно слово)
Как называется элемент в Figma, который позволяет группировать, скрывать или блокировать объекты на холсте? (укажите одно слово)
Как называется элемент в Figma, который позволяет создавать интерактивные прототипы из макетов с помощью связей и анимации? (укажите одно слово)
Как называется элемент в Figma, который позволяет комментировать, обсуждать или давать обратную связь по макетам или прототипам? (укажите одно слово)
Как называется элемент в Figma, который позволяет импортировать или экспортировать изображения, шрифты, цвета или другие ресурсы из макетов? (укажите одно слово)
Расположите шаги для создания прототипа в Figma в порядке, в котором они должны выполняться:
Установите соответствие между панелями Figma и их функциями:
Вы работаете веб - разработчиком в компании, которая занимается продажей кофе. Ваша задача создать веб страницу, на которой будет отображаться информация о разных сортах кофе, их происхождении, аромате и способе приготовления. Вы уже получили макет страницы от дизайнера в формате Figma и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сверстать страницу с помощью HTML и CSS.

Какой инструмент или функция Figma можно использовать для экспорта изображений из макета в нужном формате и размере?

Атрибут href применяется к тегу
Семантическая верстка означает, что
Для работы с текстом в HTML можно использовать следующие теги, кроме
Таблицы в HTML создаются с помощью тегов
Формы в HTML служат для
Для создания формы в HTML необходимо использовать тег
Для указания кодировки символов в HTML-документе необходимо использовать тег
Для указания заголовка страницы в HTML-документе необходимо использовать тег
Для указания ключевых слов и описания страницы в HTML-документе необходимо использовать тег
Для подключения внешнего файла стилей к HTML-документу необходимо использовать тег
Селектор в CSS определяет
Свойство в CSS определяет
Значение в CSS определяет
Класс в CSS позволяет
Идентификатор в CSS позволяет
Отступ (margin) в CSS определяет
Поле (padding) в CSS определяет
Свойство display в CSS определяет
Свойство display может принимать следующие значения, кроме
Резиновая верстка означает, что
Media-запросы в CSS позволяют
Flexbox в CSS позволяет
Grid в CSS позволяет
Кроссбраузерность означает, что
Адаптивная верстка означает, что
Чтобы применить стили только для определенного диапазона ширины экрана, нужно использовать
Flexbox - это
Свойство flex-direction задает
Свойство align-items задает
Grid - это
Свойство grid-template-columns задает
Свойство grid-template-areas задает
Кроссбраузерность означает, что
Инструмент, который позволяет проверить кроссбраузерность сайта, называется
Свойство zoom: none; позволяет
Префикс -webkit- используется для стилей, которые поддерживаются только в браузере
Figma - это
Чтобы открыть макет в Figma, нужно
Чтобы перемещаться по макету в Figma, нужно
Чтобы приблизить или отдалить макет в Figma, нужно
Чтобы выбрать элемент на макете в Figma, нужно
Какой тег используется для создания гиперссылки в HTML-документе? (укажите название тега без угловых скобок)
Какой тег используется для создания выпадающего списка с несколькими вариантами выбора в форме?
Какой тег используется для создания заголовка первого уровня в HTML-документе? (укажите название тега без угловых скобок)
Какой тег используется для создания разделителя между абзацами текста в HTML-документе? (укажите название тега без угловых скобок)
Какой тег используется для создания маркированного списка в HTML-документе? (укажите название тега без угловых скобок)
Какой тег используется для создания ячейки заголовка таблицы в HTML-документе? (укажите название тега без угловых скобок)
Какой тег используется для создания видео-плеера в HTML-документе? (укажите название тега без угловых скобок)
Какой тег используется для создания подвала (нижней части) HTML-документа? (укажите название тега без угловых скобок)
Как называется селектор CSS, который выбирает элементы по их идентификатору? (укажите символ, который ставится перед именем идентификатора)
Как называется селектор CSS, который выбирает элементы, которые являются первыми дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)
Как называется селектор CSS, который выбирает элементы, которые являются последними дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)
Как называется селектор CSS, который выбирает элементы, которые являются единственными дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)
Как называется селектор CSS, который выбирает элементы, которые находятся в состоянии наведения курсора мыши? (укажите полное название псевдо-класса без двоеточия)
Как называется селектор CSS, который выбирает элементы, которые находятся в состоянии активации (например, при клике мышью или нажатии клавиши)? (укажите полное название псевдо-класса без двоеточия)
Как называется селектор CSS, который выбирает элементы, которые находятся в состоянии фокуса (например, при переходе по табуляции или клике мышью)? (укажите полное название псевдо-класса без двоеточия)
Как называется селектор CSS, который выбирает элементы по их порядковому номеру среди всех дочерних элементов? (укажите полное название псевдо-класса без двоеточия)
Какое свойство CSS используется для создания анимации изменения стилей элементов?
Какое свойство CSS используется для определения ключевых кадров анимации?
Установите соответствие между тегами HTML и их описаниями:
Установите соответствие между тегами HTML и их функциями:
Установите соответствие между тегами HTML и их эффектом на текст:
Установите соответствие между тегами HTML и их названиями:
Установите соответствие между селекторами CSS и их описаниями:
Установите соответствие между значениями свойства display и их эффектом на элемент:
Установите соответствие между свойствами CSS для оформления текста и их значениями:
Установите соответствие между значениями свойства position и их эффектом на элемент:
Установите соответствие между свойствами CSS для работы с медиа-запросами и их описаниями:
Установите соответствие между медиа-типами и их описаниями:
Установите соответствие между префиксами для кроссбраузерной поддержки и браузерами, в которых они используются:
Установите соответствие между инструментами Figma и их описаниями:
Установите соответствие между модификаторами клавиатуры в Figma и их эффектом на действия мыши:
Установите соответствие между типами констрейнтов в Figma и их описаниями:
Расположите элементы HTML-документа в порядке, в котором они должны идти в коде страницы:
Расположите теги HTML для создания таблицы в порядке, в котором они должны идти в коде страницы:
Расположите теги HTML для создания списка определений в порядке, в котором они должны идти в коде страницы:
Расположите теги HTML для создания мультимедийного контента на странице в порядке увеличения сложности их использования:
Расположите способы подключения стилей CSS к HTML-документу в порядке увеличения приоритета их применения:
Расположите селекторы CSS в порядке увеличения их специфичности (веса):
Расположите свойства CSS для задания размеров элемента в порядке уменьшения их влияния на занимаемое элементом пространство:
Расположите шаги для создания компонента в Figma в порядке, в котором они должны выполняться:
Расположите шаги для создания маски из двух элементов в Figma в порядке, в котором они должны выполняться:
Расположите шаги для создания анимации между двумя кадрами (frames) в Figma в порядке, в котором они должны выполняться:
Вы работаете веб-разработчиком в компании, которая занимается продажей одежды. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новой коллекции одежды, ее дизайнере, стиле и целевой аудитории. Вы уже подготовили текстовый контент и изображения для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно сверстать страницу с помощью HTML.
Какой тег нужно использовать для создания раздела страницы с заголовком "Новая коллекция" и текстом "Представляем вам новую коллекцию одежды от известного дизайнера Анны Смирновой. Эта коллекция выполнена в стиле минимализма и предназначена для современных женщин, которые ценят качество, комфорт и элегантность."?
Вы работаете веб-разработчиком в компании, которая занимается продажей книг. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - книге «Война и мир» Льва Толстого. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно сверстать страницу с помощью HTML.
Какой тег нужно использовать для создания заголовка первого уровня с названием книги «Война и мир»?
Вы работаете веб-разработчиком в компании, которая занимается продажей спортивного оборудования. Ваша задача - создать веб-страницу, на которой будет отображаться информация о разных видах спорта, их пользе для здоровья, оборудовании и советах по тренировкам. Вы уже сверстали страницу с помощью HTML и подготовили текстовый контент и изображения для страницы. Теперь вам нужно оформить страницу с помощью CSS.

Какой способ подключения стилей CSS к HTML-документу является наиболее гибким и удобным для работы с несколькими страницами сайта?
Вы работаете веб-разработчиком в компании, которая занимается продажей цветов. Ваша задача - создать веб-страницу, на которой будет отображаться информация о разных сортах цветов, их аромате, уходе и цене. Вы уже сверстали страницу с помощью HTML и подготовили текстовый контент и изображения для страницы. Теперь вам нужно оформить страницу с помощью CSS.

Какое значение свойства CSS нужно использовать для задания шрифта текста элемента, если вы хотите использовать шрифт Arial или любой другой без засечек (sans-serif), если Arial не доступен?
Вы работаете веб-разработчиком в компании, которая занимается продажей игрушек. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - мягком зайце. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно оформить страницу с помощью CSS.

Какое свойство нужно использовать для задания цвета текста элемента?
Вы работаете веб-разработчиком в компании, которая занимается продажей спортивного оборудования. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - велосипеде. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно оформить страницу с помощью CSS.

Какое свойство нужно использовать для задания толщины границы элемента?
Вы работаете веб-разработчиком в компании, которая занимается продажей косметики. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - туши для ресниц. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно оформить страницу с помощью CSS.

Какое свойство нужно использовать для задания стиля границы элемента?
Вы работаете веб-разработчиком в компании, которая занимается продажей музыкальных инструментов. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - гитаре. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно оформить страницу с помощью CSS.

Какое свойство нужно использовать для задания положения фонового изображения элемента?
Вы работаете веб-разработчиком в компании, которая занимается продажей музыкальных инструментов. Ваша задача - создать веб-страницу, на которой будет отображаться каталог инструментов с фотографиями, названиями, ценами и описаниями. Вы уже сверстали страницу с помощью HTML и CSS и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сделать страницу адаптивной и кроссбраузерной.

Какой мета-тег нужно использовать для задания масштаба страницы в соответствии с шириной экрана устройства, на котором она открывается?
Вы работаете веб-разработчиком в компании, которая занимается продажей книг. Ваша задача - создать веб-страницу, на которой будет отображаться информация о разных жанрах книг, их авторах, рейтингах и отзывах читателей. Вы уже сверстали страницу с помощью HTML и CSS и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сделать страницу адаптивной и кроссбраузерной.

Какой способ задания размеров элементов на странице является наиболее подходящим для адаптивной верстки?
Вы работаете веб-разработчиком в компании, которая занимается продажей пиццы. Ваша задача - создать веб-страницу, на которой будет отображаться меню пиццы с фотографиями, названиями, ингредиентами и ценами. Вы уже получили макет страницы от дизайнера в формате Figma и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сверстать страницу с помощью HTML и CSS.

Какой инструмент или функция Figma можно использовать для измерения расстояния между элементами на макете?
Вы работаете веб-разработчиком в компании, которая занимается продажей цветов. Ваша задача - создать веб-страницу, на которой будет отображаться каталог цветов с фотографиями, названиями, ценами и описаниями. Вы уже получили макет страницы от дизайнера в формате Figma и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сверстать страницу с помощью HTML и CSS.

Какой инструмент или функция Figma можно использовать для создания интерактивного прототипа страницы с переходами между разными разделами?