💯 Основы HTML и CSS верстки (ответы на тест Синергия / МОИ / МТИ / МосАП, сентябрь 2023)

Основы HTML и CSS верстки > Итоговый тест

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

Основы HTML и CSS верстки

• Учебные материалы
• — Из чего состоит сайт. Работа с браузером
• — Редакторы кода
• — Что такое HTML
• — Что такое DOM
• — Базовая структура страницы
• — Атрибуты
• — HTML5
• — Семантическая верстка
• — Работа с текстом
• — Создание ссылок
• — Работа с изображениями
• — Таблицы
• — Формы
• — Работа с аудио и видео
• — Введение в стили
• — Свойства в CSS
• — Flexbox
• — Grid
• — Работа с макетами 1 часть
• — Работа с макетами 2 часть
• — Адаптивность и кроссбраузерность
• — Анимация в CSS3
• — Анамация в CSS (практическая часть)
• — Верстка HTML-писем
• — Препроцессоры
• — Переменные и примеси
• Итоговая аттестация

Адаптивный макет - это ?

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

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

За что отвечает алгоритм dense?

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

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

За что отвечает свойство grid-template-areas?

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

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

За что отвечает свойство grid-template-rows?

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

• за количество строк
• за количество столбцом
• за количество символов

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

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

• < LI >
• < Le >
• < Ob >

Какая длина в среднем должна быть для письма?

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

• 600 - 700 px
• 1000 - 1200 px
• 400 - 500 px

Какие существуют виды CSS3?

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

• 2D
• 4D
• 3D

Какие существуют типы списков?

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

• Неупорядоченный
• Развернуть
• Вложенный
• Системный

Каким тегом обозначают основной текст страницы?

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

• < h1 >
• < h4 >
• < h5 > < h6 >

Разметка для отображения текста, изображений, блоков и других элементов в веб браузере - это

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

• HyperText
• Markup
• Sublime Text 3

Резиновый макет - это ?

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

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

Что задается тегом < td > ?

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

• строки таблицы
• ячейки таблицы
• ячейки-заголовки

Что задается тегом < th > ?

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

• строки таблицы
• ячейки таблицы
• ячейки-заголовки

Что задается тегом < tr > ?

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

• строки таблицы
• ячейки таблицы
• ячейки-заголовки

Что из ниже перечисленных значений отвечает за воспроизведение анимаций в обратном направлении от того, как они были определены?

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

• normal
• alternate
• revers

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

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

• nav
• footer
• aside

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

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

• Первая большая буква в названии
• Знак равенства после атрибута
• Значение атрибута, которое заключено в кавычки

Что из перечисленного является основными компонентами сайта?

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

• Дизайн
• Верстка
• Меню
• Программирование

Что меняет трансформация perspective?

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

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

Что меняет трансформация rotate?

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

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

Что определяет свойство анимации animation-direction

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

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

Что такое дорожка сетки(grid track)?

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

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

Что такое flex container?

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

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

Что такое flex items ?

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

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

Что такое flexbox?

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

• распределенная система контроля версий
• редактор кода
• модуль макета гибкого контейнера

Что такое Grid?

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

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

Что такое main axis?

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

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

CMS - это

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

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

DOM (Document Object Model) - это

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

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

Visual Studio Code -это

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

• Программа для загрузки сайта на сервер
• Программа для создания дизайна для сайтов
• Редактор кода