💯 Программирование на языке верстки HTML и стилей CSS [Тема 1-4] — ответы на тест Синергия / МОИ / МТИ / МосАП

Раздел
Программирование
Предмет
Тип
Просмотров
272
Покупок
6
Антиплагиат
Не указан
Размещена
24 Мар в 22:54
ВУЗ
Не указан
Курс
Не указан
Стоимость
300 ₽
Файлы работы   
1
Каждая работа проверяется на плагиат, на момент публикации уникальность составляет не менее 40% по системе проверки eTXT.
pdf
Программирование на языке верстки HTML и стилей CSS [Тема 1-4]
559.9 Кбайт 300 ₽
Описание

Программирование на языке верстки HTML и стилей CSS > Итоговый тест

  • правильные ответы на вопросы из теста по данной дисциплине
  • вопросы отсортированы в лексикографическом порядке
Оглавление

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

  • Тема 1:HTML
  • Тема 2: CSS
  • Тема 3: Адаптивность и кроссбраузерность
  • Тема 4:Работа с макетом Figma
  • Итоговая аттестация


Адаптивная верстка означает, что

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • сайт имеет разные версии для разных устройств
  • сайт меняет размеры и расположение элементов в зависимости от размера экрана
  • сайт использует относительные единицы измерения для ширины и высоты элементов
  • сайт использует фиксированные точки останова для разных диапазонов ширины экрана

Атрибут <script async> позволяет @39_0.jpg 

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • указать, что скрипт должен загружаться асинхронно, чтобы не блокировать отрисовку страницы
  • указать, что скрипт должен загружаться синхронно, чтобы не нарушать порядок выполнения скриптов
  • указать, что скрипт должен загружаться после того, как страница полностью загрузится и отобразится
  • указать, что скрипт должен загружаться из внешнего источника, а не из тела документа

Атрибут href применяется к тегу

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • <p>
  • <img>
  • <a>
  • <div>

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • "color" - это свойство задает цвет текста элемента. Например: "color: pink;"
  • "background-color" - это свойство задает фоновый цвет элемента. Например: "background-color: pink;"
  • "font-color" - это свойство задает цвет шрифта элемента. Например: "font-color: pink;"
  • "text-color" - это свойство задает цвет текста элемента. Например: "text-color: pink;"

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • <h1>Война и мир</h1>
  • <title>Война и мир</title>
  • <header>Война и мир</header>
  • <head>Война и мир</head>

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • "border-style" - это свойство задает стиль границы элемента, такой как сплошной, пунктирный, двойной и т.д. Например: "border-style: solid;"
  • "border-type" - это свойство задает тип границы элемента, такой как квадратный, круглый, ромбовидный и т.д. Например: "border-type: square;"
  • "border-shape" - это свойство задает форму границы элемента, такую как прямая, изогнутая, волнистая и т.д. Например: "border-shape: curved;"
  • "border-mode" - это свойство задает режим границы элемента, такой как нормальный, перекрывающий, внутренний и т.д. Например: "border-mode: normal;"

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • "background-position" - это свойство задает положение фонового изображения элемента относительно его границ. Например: "background-position: center;"
  • "background-align" - это свойство задает выравнивание фонового изображения элемента по горизонтали или вертикали. Например: "background-align: left;"
  • "background-offset" - это свойство задает смещение фонового изображения элемента от его границ по горизонтали или вертикали. Например: "background-offset: 10px;"
  • "background-place" - это свойство задает место фонового изображения элемента внутри его границ. Например: "background-place: top;"

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • <meta name="viewport" content="width=device-width">
  • <meta name="viewport" content="scale=device-width">
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • <meta name="viewport" content="scale=device-width, initial-scale=1.0">

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • "border-width" - это свойство задает толщину границы элемента. Например: "border-width: 5px;"
  • "border-size" - это свойство задает размер границы элемента. Например: "border-size: 5px;"
  • "border-length" - это свойство задает длину границы элемента. Например: "border-length: 5px;"
  • "border-height" - это свойство задает высоту границы элемента. Например: "border-height: 5px;"

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • Внешний стилевой файл через тег <link>
  • Внутренние стили в теге <style>
  • Встроенные стили в атрибуте style элемента
  • Импорт стилей из другого файла через директиву @import

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • font-family: Arial;
  • font-family: Arial, sans-serif;
  • font-family: Arial; font-style: sans-serif;
  • font-family: Arial; font-weight: sans-serif;

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • Прототип
  • Анимация
  • Слайд
  • Сценарий

Для подключения внешнего файла стилей к HTML-документу необходимо использовать тег

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • <link>
  • <meta>
  • <script>
  • <style>

Для работы с текстом в HTML можно использовать следующие теги, кроме

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • <b>
  • <i>
  • <u>
  • <c>

Для создания формы в HTML необходимо использовать тег

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • <input>
  • <label>
  • <form>
  • <button>

Для указания заголовка страницы в HTML-документе необходимо использовать тег

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • <h1>
  • <title>
  • <head>
  • <header>

Для указания ключевых слов и описания страницы в HTML-документе необходимо использовать тег

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • <meta>
  • <link>
  • <script>
  • <style>

Идентификатор в CSS позволяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • стилизовать один или несколько элементов HTML с одним и тем же именем класса
  • стилизовать один элемент HTML с уникальным идентификатором
  • стилизовать все элементы HTML с одним и тем же тегом
  • стилизовать все элементы HTML на странице

Как называется селектор CSS, который выбирает элементы по их идентификатору? (укажите символ, который ставится перед именем идентификатора)

Тип ответа: Текcтовый ответ

Как называется селектор CSS, который выбирает элементы по их порядковому номеру среди всех дочерних элементов? (укажите полное название псевдо-класса без двоеточия)

Тип ответа: Текcтовый ответ

Как называется селектор CSS, который выбирает элементы, которые находятся в состоянии наведения курсора мыши? (укажите полное название псевдо-класса без двоеточия)

Тип ответа: Текcтовый ответ

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

Тип ответа: Текcтовый ответ

Как называется селектор CSS, который выбирает элементы, которые являются единственными дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)

Тип ответа: Текcтовый ответ

Как называется селектор CSS, который выбирает элементы, которые являются первыми дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)

Тип ответа: Текcтовый ответ

Как называется селектор CSS, который выбирает элементы, которые являются последними дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)

Тип ответа: Текcтовый ответ

Какое свойство CSS используется для определения ключевых кадров анимации?

Тип ответа: Текcтовый ответ

Какой атрибут тега <a> определяет адрес, на который переходит пользователь при клике по гиперссылке? @50.jpg 

Тип ответа: Текcтовый ответ

Какой атрибут тега <a> определяет адрес, на который переходит пользователь при клике по гиперссылке?

Тип ответа: Текcтовый ответ

Какой атрибут тега <form> определяет метод передачи данных формы на сервер? @54.jpg 

Тип ответа: Текcтовый ответ

Какой атрибут тега <img> определяет альтернативный текст для изображения, который отображается, если изображение не загружается или недоступно? @46_0.jpg 

Тип ответа: Текcтовый ответ

Какой атрибут тега <meta> определяет кодировку символов HTML-документа?

Тип ответа: Текcтовый ответ

Какой атрибут тега <table> определяет ширину таблицы в HTML-документе? @52.jpg 

Тип ответа: Текcтовый ответ

Какой тег используется для создания видео-плеера в HTML-документе? (укажите название тега без угловых скобок)

Тип ответа: Текcтовый ответ

Какой тег используется для создания гиперссылки в HTML-документе? (укажите название тега без угловых скобок)

Тип ответа: Текcтовый ответ

Какой тег используется для создания заголовка первого уровня в HTML-документе? (укажите название тега без угловых скобок)

Тип ответа: Текcтовый ответ

Какой тег используется для создания маркированного списка в HTML-документе? (укажите название тега без угловых скобок)

Тип ответа: Текcтовый ответ

Какой тег используется для создания подвала (нижней части) HTML-документа? (укажите название тега без угловых скобок)

Тип ответа: Текcтовый ответ

Какой тег используется для создания ячейки заголовка таблицы в HTML-документе? (укажите название тега без угловых скобок)

Тип ответа: Текcтовый ответ

Класс в CSS позволяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • стилизовать один или несколько элементов HTML с одним и тем же именем класса
  • стилизовать один элемент HTML с одним и тем же именем класса
  • стилизовать все элементы HTML с одним и тем же тегом
  • стилизовать все элементы HTML на странице

Кроссбраузерность означает, что

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Отступ (margin) в CSS определяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • расстояние между границей элемента и соседними элементами
  • расстояние между границей элемента и контентом элемента
  • расстояние между контентом элемента и родительским элементом
  • расстояние между контентом элемента и дочерними элементами

Поле (padding) в CSS определяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • расстояние между границей элемента и соседними элементами
  • расстояние между границей элемента и контентом элемента
  • расстояние между контентом элемента и родительским элементом
  • расстояние между контентом элемента и дочерними элементами

Префикс -webkit- используется для стилей, которые поддерживаются только в браузере

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • Firefox
  • Internet Explorer
  • Safari
  • Opera

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

Тип ответа: Сортировка

  • 1 margin
  • 2 padding
  • 3 width
  • 4 height

Расположите селекторы CSS в порядке увеличения их специфичности (веса):

Тип ответа: Сортировка

  • 1 селектор типа элемента
  • 2 селектор псевдокласса или псевдоэлемента
  • 3 селектор класса элемента
  • 4 селектор идентификатора элемента

Расположите способы подключения стилей CSS к HTML-документу в порядке увеличения приоритета их применения:

Тип ответа: Сортировка

  • 1 внешний стилевой файл через тег <link>
  • 2 внутренние стили в теге <style>
  • 3 встроенные стили в атрибуте style элемента

Расположите теги HTML для создания мультимедийного контента на странице в порядке увеличения сложности их использования:

Тип ответа: Сортировка

  • 1 <img>
  • 2 <audio>
  • 3 <video>
  • 4 <canvas>

Расположите теги HTML для создания таблицы в порядке, в котором они должны идти в коде страницы:

Тип ответа: Сортировка

  • 1 <table>
  • 2 <tr>
  • 3 <td>
  • 4 <td>

Расположите шаги для создания анимации между двумя кадрами (frames) в Figma в порядке, в котором они должны выполняться:

Тип ответа: Сортировка

  • 1 создать два кадра с разными состояниями элементов на макете
  • 2 переключиться в режим Prototype в правой панели
  • 3 выбрать элемент на первом кадре, который будет являться источником перехода
  • 4 выбрать второй кадр как назначение перехода
  • 5 выбрать тип перехода "Smart animate" и настроить его параметры

Расположите шаги для создания компонента в Figma в порядке, в котором они должны выполняться:

Тип ответа: Сортировка

  • 1 выбрать элемент или группу элементов, которые хотите сделать компонентом
  • 2 нажать на кнопку "Create component" в панели свойств или использовать комбинацию клавиш Ctrl+Alt+K
  • 3 настроить свойства и варианты компонента в панели свойств
  • 4 переименовать компонент и задать ему описание в панели слоев

Расположите шаги для создания маски из двух элементов в Figma в порядке, в котором они должны выполняться:

Тип ответа: Сортировка

  • 1 выбрать два элемента, которые хотите использовать для создания маски
  • 2 убедиться, что элемент, который будет являться маской, находится выше другого элемента в панели слоев
  • 3 нажать правой кнопкой мыши и выбрать опцию "Use as Mask"
  • 4 настроить свойства маски в правой панели

Расположите элементы HTML-документа в порядке, в котором они должны идти в коде страницы:

Тип ответа: Сортировка

  • 1 <!DOCTYPE html>
  • 2 <html>
  • 3 <head>
  • 4 <title>
  • 5 <body>

Резиновая верстка означает, что

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • ширина элементов задается в относительных единицах (например, процентах)
  • ширина элементов задается в абсолютных единицах (например, пикселях)
  • ширина элементов изменяется в зависимости от содержимого
  • ширина элементов фиксирована и не зависит от размера экрана

Свойство в CSS определяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • какой элемент HTML будет стилизован
  • какой аспект элемента будет изменен
  • какое значение будет задано аспекту элемента
  • какой класс HTML будет использован

Свойство display в CSS определяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • как элемент отображается на странице
  • как элемент позиционируется на странице
  • как элемент изменяет свои размеры на странице
  • как элемент взаимодействует с другими элементами на странице

Свойство display может принимать следующие значения, кроме

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • block
  • inline
  • inline-block
  • inline-flex

Свойство flex-direction задает

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • направление главной оси в flexbox
  • выравнивание элементов по главной оси в flexbox
  • направление поперечной оси в flexbox
  • выравнивание элементов по поперечной оси в flexbox

Свойство grid-template-columns задает

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • количество и размеры строк в grid
  • количество и размеры колонок в grid
  • области, которые занимают элементы в grid
  • расстояние между элементами в grid

Свойство zoom: none; позволяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • указать, что элемент не должен менять свой размер при изменении масштаба страницы
  • указать, что элемент не должен менять свой цвет при изменении масштаба страницы
  • указать, что элемент не должен менять свою форму при изменении масштаба страницы
  • указать, что элемент не должен менять свое положение при изменении масштаба страницы

Селектор в CSS определяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • какой элемент HTML будет стилизован
  • какое свойство CSS будет применено
  • какое значение CSS будет задано
  • какой класс HTML будет использован

Семантическая верстка означает, что

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • используются только смысловые теги
  • используются теги, отражающие смысл содержимого
  • используются теги, улучшающие читаемость кода
  • используются теги, обеспечивающие доступность сайта

Тег <p> используется для

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • создания параграфа текста
  • обозначения абзаца текста
  • выравнивания абзаца текста
  • форматирования абзаца текста

Установите соответствие между значениями свойства display и их эффектом на элемент:

Тип ответа: Сопоставление

  • A. block
  • B. inline
  • C. inline-block
  • D. none
  • E. делает элемент блочным, то есть занимающим всю доступную ширину и имеющим перенос на новую строку
  • F. делает элемент строчным, то есть занимающим только необходимую ширину и не имеющим переноса на новую строку
  • G. делает элемент строчно-блочным, то есть занимающим только необходимую ширину, но имеющим свойства блочного элемента, такие как задание ширины и высоты
  • H. делает элемент невидимым и удаляет его из потока документа

Установите соответствие между значениями свойства position и их эффектом на элемент:

Тип ответа: Сопоставление

  • A. static
  • B. relative
  • C. absolute
  • D. fixed
  • E. не делает элемент позиционированным, а оставляет его в нормальном потоке документа
  • F. делает элемент позиционированным относительно своего нормального положения в потоке документа
  • G. делает элемент позиционированным относительно ближайшего позиционированного предка или окна браузера, если такого нет
  • H. делает элемент позиционированным относительно окна браузера, так что он остается на месте при прокрутке страницы

Установите соответствие между инструментами Figma и их описаниями:

Тип ответа: Сопоставление

  • A. Frame
  • B. Slice
  • C. Vector
  • D. Text
  • E. позволяет создавать и редактировать контейнеры для других элементов на макете
  • F. позволяет вырезать часть макета для экспорта или печати
  • G. позволяет создавать и редактировать векторные графические элементы на макете
  • H. позволяет создавать и редактировать текстовые элементы на макете

Установите соответствие между медиа-типами и их описаниями:

Тип ответа: Сопоставление

  • A. all
  • B. screen
  • C. print
  • D. speech
  • E. подходит для всех типов устройств вывода
  • F. предназначен для вывода на экраны разных устройств, таких как компьютеры, смартфоны или телевизоры
  • G. предназначен для вывода на бумаге или в формате PDF
  • H. предназначен для вывода на голосовые синтезаторы или устройства чтения с экрана

Установите соответствие между модификаторами клавиатуры в Figma и их эффектом на действия мыши:

Тип ответа: Сопоставление

  • A. Shift
  • B. Alt
  • C. Ctrl
  • D. Space
  • E. позволяет изменять размер элемента с сохранением пропорций
  • F. позволяет измерять расстояния между элементами при наведении курсора мыши на них
  • G. позволяет копировать элемент при перетаскивании его с помощью курсора мыши
  • H. позволяет перемещаться по макету с помощью курсора мыши

Установите соответствие между префиксами для кроссбраузерной поддержки и браузерами, в которых они используются:

Тип ответа: Сопоставление

  • A. -moz-
  • B. -ms-
  • C. -webkit-
  • D. -o-
  • E. Firefox
  • F. Internet Explorer
  • G. Safari и Chrome
  • H. Opera

Установите соответствие между свойствами CSS для оформления текста и их значениями:

Тип ответа: Сопоставление

  • A. text-align
  • B. text-decoration
  • C. text-transform
  • D. text-indent
  • E. задает выравнивание текста по горизонтали
  • F. задает стиль оформления текста, такой как подчеркивание или зачеркивание
  • G. задает преобразование регистра текста, такое как верхний или нижний регистр
  • H. задает отступ первой строки текста от края элемента

Установите соответствие между свойствами CSS для работы с медиа-запросами и их описаниями:

Тип ответа: Сопоставление

  • A. @media
  • B. @import
  • C. media
  • D. @supports
  • E. позволяет задать условие для применения стилей внутри стилевого файла или тега 
  • F. позволяет подключать стилевой файл с условием, что устройство соответствует определенным характеристикам
  • G. позволяет задать условие для применения стилей при подключении стилевого файла через тег <link>
  • H. позволяет применять стили в зависимости от того, поддерживает ли браузер определенные свойства или значения

Установите соответствие между селекторами CSS и их описаниями:

Тип ответа: Сопоставление

  • A. .container
  • B. #logo
  • C. h1
  • D. a:hover
  • E. выбирает все элементы с атрибутом class, равным container
  • F. выбирает все элементы с атрибутом id, равным logo
  • G. выбирает все элементы типа h1
  • H. выбирает все элементы типа a, на которые наведен курсор мыши

Установите соответствие между тегами HTML и их названиями:

Тип ответа: Сопоставление

  • A. <ol>
  • B. <ul>
  • C. <li>
  • D. <dl>
  • E. нумерованный список
  • F. маркированный список
  • G. элемент списка
  • H. список определений

Установите соответствие между тегами HTML и их описаниями:

Тип ответа: Сопоставление

  • A. <p>
  • B. <img>
  • C. <a>
  • D. <table>
  • E. создает абзац текста
  • F. вставляет изображение на страницу
  • G. создает ссылку на другой документ или часть документа
  • H. создает таблицу из строк и ячеек

Установите соответствие между тегами HTML и их функциями:

Тип ответа: Сопоставление

  • A. <head>
  • B. <body>
  • C. <title>
  • D. <meta>
  • E. содержит информацию о документе, которая не отображается на странице
  • F. содержит видимый контент документа, который отображается на странице
  • G. содержит заголовок документа, который отображается в строке браузера или вкладке
  • H. содержит невидимый контент документа, который используется для задания кодировки, ключевых слов, описания и других параметров

Установите соответствие между типами констрейнтов в Figma и их описаниями:

Тип ответа: Сопоставление

  • A. Left/Right/Top/Bottom
  • B. Center/Scale/Stretch/Horizontal/Vertical
  • C. Fixed/Fill/Min/Max/Fractional/Auto/Hug Contents
  • D. Manual/Auto Layout/Padding/Gap/Item Spacing/Align Items/Align Content/Distribute Items/Distribute Content/Pack Items/Pack Content/Reverse Direction/Wrap Direction/Wrap Count/Wrap After/Wrap Before/Fill Container/Fixed Size/Fixed Width/Fixed Height/Fixed Aspect Ratio/Fixed Aspect Ratio Align/Fixed Aspect Ratio Scale/Fixed Aspect Ratio Stretch/Fixed Aspect Ratio Fill/Fixed Aspect Ratio Fit/Fixed Aspect Ratio Crop/Fixed Aspect Ratio Mask/Fixed Aspect Ratio Clip/Fixed Aspect Ratio Overflow/Fixed Aspect Ratio Scroll/Fixed Aspect Ratio Pin/Fixed Aspect Ratio Lock/Fixed Aspect Ratio Unlock/Fixed Aspect Ratio Reset
  • E. определяют, как элемент будет выравниваться относительно своего родительского контейнера
  • F. определяют, как элемент будет изменять свой размер при изменении размера родительского контейнера
  • G. определяют, как элемент будет заполнять свободное пространство в родительском контейнере
  • H. определяют, как элемент будет взаимодействовать с другими элементами в родительском контейнере

Чтобы выбрать элемент на макете в Figma, нужно

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • кликнуть по нему левой кнопкой мыши
  • кликнуть по нему правой кнопкой мыши
  • дважды кликнуть по нему левой кнопкой мыши
  • дважды кликнуть по нему правой кнопкой мыши

Чтобы открыть макет в Figma, нужно

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • скачать файл с расширением .fig и запустить его на своем компьютере
  • зарегистрироваться на сайте figma.com и получить ссылку на макет
  • установить приложение Figma на свой компьютер или смартфон
  • ввести ссылку на макет в браузере или открыть его через приложение Figma

Чтобы приблизить или отдалить макет в Figma, нужно

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • использовать клавиши + и - на клавиатуре
  • использовать колесо мыши или жесты на трекпаде
  • зажать Ctrl и перемещать курсор мыши
  • зажать Alt и кликать по нужным элементам

Чтобы применить стили только для определенного диапазона ширины экрана, нужно использовать

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • media-запросы
  • flexbox
  • grid
  • viewport

Flexbox - это

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • способ создания анимации с помощью CSS
  • способ создания графических эффектов с помощью CSS
  • способ расположения элементов в одномерном контейнере с помощью CSS
  • способ создания интерактивных элементов с помощью CSS

Flexbox в CSS позволяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • располагать элементы в одномерном контейнере с возможностью выравнивания и переноса
  • располагать элементы в двумерном контейнере с возможностью выравнивания и переноса
  • располагать элементы в трехмерном контейнере с возможностью выравнивания и переноса
  • располагать элементы в любом контейнере без возможности выравнивания и переноса

Grid - это

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • способ создания анимации с помощью CSS
  • способ создания графических эффектов с помощью CSS
  • способ расположения элементов в одномерном контейнере с помощью CSS
  • способ расположения элементов в двумерном контейнере с помощью CSS

Grid в CSS позволяет

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • располагать элементы в одномерном контейнере с возможностью выравнивания и переноса
  • располагать элементы в двумерном контейнере с возможностью выравнивания и переноса
  • располагать элементы в трехмерном контейнере с возможностью выравнивания и переноса
  • располагать элементы в любом контейнере без возможности выравнивания и переноса

Media-запросы в CSS позволяют

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

  • применять разные стили в зависимости от характеристик устройства или окна просмотра
  • применять разные стили в зависимости от типа медиа (например, экран или печать)
  • применять разные стили в зависимости от времени суток или года
  • применять разные стили в зависимости от настроек пользователя или браузера
Вам подходит эта работа?
Похожие работы
HTML
Лабораторная работа Лабораторная
4 Сен в 14:41
19
0 покупок
HTML
Контрольная работа Контрольная
9 Мая в 18:15
45
0 покупок
HTML
Лабораторная работа Лабораторная
25 Фев в 17:06
75 +1
0 покупок
HTML
Лабораторная работа Лабораторная
18 Фев в 17:45
90
0 покупок
Другие работы автора
Информационные технологии
Тест Тест
30 Окт в 16:04
40 +12
0 покупок
Информационные технологии
Тест Тест
30 Окт в 15:14
20 +4
0 покупок
Конкуренция и антимонопольная политика
Тест Тест
24 Окт в 20:01
140 +2
1 покупка
Финансовая математика
Тест Тест
23 Окт в 17:39
150 +4
0 покупок
Темы журнала
Показать ещё
Прямой эфир