Бесплатные ответы на тесты по предмету «Верстка сайтов» — Синергия и МТИ
Быстрый поиск
Найдите вопрос в материалах предмета
Ищем по тексту вопросов и вариантов ответа на этой странице.
Показано 73 вопроса
По вашему запросу ничего не найденоПопробуйте сократить фразу или проверить написание.
Вопрос 1Ответ открыт бесплатно
Из чего состоит DOM-дерево в HTML?
1из атрибутов
2из элементов разметки✓ Правильный ответ
3из тегов
4из других DOM-деревьев
✓ Правильный ответ
из элементов разметки
Вопрос 2
Что НЕ входит в состав элемента разметки?
1Тег
2Атрибут
3Содержимое
4DOM-дерево
Вопрос 3
Выберите правильную запись элемента разметки:
11
22
33
44
Вопрос 4
не исполняется в браузере:
11
22
33
44
Вопрос 5
Что такое атрибут?
1Свойство тега
2Совокупность всех тегов
3Содержимое элемента разметки
4Главная составляющая DOM-дерева
Вопрос 6Ответ открыт бесплатно
За что отвечает тег head?
1Основной контент страницы
2Заголовок страницы
3Техническая✓ Правильный ответ
4Добавление отступа
✓ Правильный ответ
Техническая
Вопрос 7
Для чего нужен тег "a"?
1Ссылка
2Картинка
3Заголовок таблицы
4Отступ
Вопрос 8
Выберите наименее важный тег из перечисленных:
11
22
33
44
Вопрос 9
Какой тег служит для задания нумерованного списка?
1ul
2ol
3el
4al
Вопрос 10Ответ открыт бесплатно
Какой из тегов отвечает за строку в таблице?
11
22✓ Правильный ответ
33
44
✓ Правильный ответ
2
Вопрос 11
Выберите элемент, который НЕ относится к блочным:
11
22
33
44
Вопрос 12
Выберите элемент, который НЕ относится к строчным:
11
22
33
44
Вопрос 13Ответ открыт бесплатно
Найдите код с ошибкой:
11
22
33
44✓ Правильный ответ
✓ Правильный ответ
4
Вопрос 14
За что отвечает тег?
1Статья
2«Шапка» сайта
3Независимый блок на сайте
4Основное содержание
Вопрос 15
Какой атрибут отвечает за добавление дополнительной картинки?
1srset
2scset
3srcsets
4srcset
Вопрос 16
Что нельзя сделать с помощью Типографа?
1Убрать висячие предлоги
2Заменить кавычки
3Расставить ударения
4Убрать лишние пробелы
Вопрос 17Ответ открыт бесплатно
Для чего нужен W3C Markup Validator?
1Проверка корректности верстки
2Автоматическое исправление ошибок
3Сравнение корректности верстки с макетом✓ Правильный ответ
4Проверка текста на правильность по законам типографики
✓ Правильный ответ
Сравнение корректности верстки с макетом
Вопрос 18
Какая из указанных программ не умеет конфигурировать CSS-код?
1Figma
2Zeplin
3Sympli
4Sketch
Вопрос 19
Какой тег используется для ввода однострочного текста?
11
22
33
44
Вопрос 20Ответ открыт бесплатно
Какое значение нужно указать в атрибуте type для тега input , чтобы задать чекбокс?
1Checkbox✓ Правильный ответ
2Checked
3Check
4Checkmark
✓ Правильный ответ
Checkbox
Вопрос 21
Выберите правильную запись многострочного текста:
11
22
33
44
Вопрос 22
Что не относится к понятию «доступность» в вебе?
1Семантичная верстка
2Поддержка электронных риадеров
3Поддержка управления с клавиатуры
4Дублирование тегов для слабовидящих
Вопрос 23
Каким образом следует подключить CSS-файл?
11
22
33
44
Вопрос 24Ответ открыт бесплатно
Выберите неправильное обращение к классу:
11
22✓ Правильный ответ
33
44
✓ Правильный ответ
2
Вопрос 25
Какое CSS-свойство отвечает за подчеркивание у ссылок?
1decoration
2Line
3Text-decoration
4Text-line
Вопрос 26
Какое CSS-свойство отвечает за размер шрифта?
1Font-height
2Font-weight
3Font-scale
4Font-size
Вопрос 27Ответ открыт бесплатно
Какого вида разметки не существует?
1Табличная
2Grid
3Flex
4Div✓ Правильный ответ
✓ Правильный ответ
Div
Вопрос 28
Как задать разметку с помощью flex?
11
22
33
44
Вопрос 29
Какого значения для свойства align-items не существует?
1Center
2Space-between
3Space-around
4Row
Вопрос 30
Каким образом задать расположение элементов в строке с помощью grid?
1Grid-rows
2Grid-row
3Grid-template-rows
4Grid-template-row
Вопрос 31Ответ открыт бесплатно
Как правильно задать псевдокласс для класса .menu?
1.mеnu::first-child
2.mеnu first-child
3.mеnu:first-child✓ Правильный ответ
4.mеnu;first-child
✓ Правильный ответ
.mеnu:first-child
Вопрос 32
Какой стиль border отвечает за пунктирную обводку?
1Solid
2Dashed
3Dotted
4Groove
Вопрос 33
Какого CSS-свойства НЕ существует?
1Border-left
2Border-right
3Border-top
4Border-button
Вопрос 34Ответ открыт бесплатно
Какое CSS-свойство отвечает за масштабирование изображения?
1Background-cover
2Background-width
3Background-size✓ Правильный ответ
4Background-contain
✓ Правильный ответ
Background-size
Вопрос 35
В чем разница между text-align и margin: 0 auto?
1Text-align предназначен для выравнивание блоков относительно всей страницы, margin 0 auto - для выравнивания содержимого
2Text-align предназначен для выравнивание содержимого, margin 0 auto - для выравнивая блоков относительно всей страницы
3Text-align служит для центрирования одного элемента, margin: 0 auto - совокупности элементов
4Text-align служит для центрирования совокупности элементов, margin: 0 auto - одного элемента
Вопрос 36
Каким образом центрировать данный элемент h1 по центру web-страницы (равные отступы слева и справа)?
1Мax-width и margin: 0 auto;
2Мin-width и margin 0 auto;
3Тext-align: center
4Тext-align: center или Max-width и margin: 0 auto;
Вопрос 37
Дано
Какой z-index достаточно задать для класса .class3, чтобы зеленый квадрат показался поверх всех остальных элементов?
12
23
34
45
Вопрос 38Ответ открыт бесплатно
Как НЕ правильно записывать псевдоэлемент?
11
22
33
44✓ Правильный ответ
✓ Правильный ответ
4
Вопрос 39
Каким образом превратить блочный элемент в строчный?
1Disрlay:block;
2Disрlay: inline-block;
3Disрlay: inline;
4Disрlay: flex;
Вопрос 40
С помощью какой функции задать плавный градиент для фона?
1linearGradient
2lineGradient
3linear-gradient
4line-gradient
Вопрос 41Ответ открыт бесплатно
Дан квадрат с шириной и высотой в 300px. Какое закругление краев в % нужно задать, чтобы по итогу оно получилось в 60px?
110%
220%✓ Правильный ответ
330%
440%
✓ Правильный ответ
20%
Вопрос 42
Зайдите на Google Fonts и укажите, какое значение font-weight соответствует начертанию semi-bold для шрифта Nunito:
1500
2600
3700
4800
Вопрос 43
Какое правило необходимо задать для подключениям шрифтов?
11
22
33
44
Вопрос 44
Какое значение для line-height необходимо задать в CSS-файле, если на макете в Zeplin указано, что размер шрифта - 20px, а Line Height - 30px?
10.6
21.5
320px
430px
Вопрос 45Ответ открыт бесплатно
Как правильно подключить файл для нормализации стилей?
1До основного файла styles.css✓ Правильный ответ
2После основного файла styles.css
3Прописать в одном теле link друг за другом
✓ Правильный ответ
До основного файла styles.css
Вопрос 46
За что отвечает padding?
1Внутренний отступ
2Внешний отступ
3Отступ от начала веб-страницы
4Отступ от предыдущего элемента
Вопрос 47
Как лаконично переписать данный код:
1Рadding: 15px 5px 10px 20px;
2Рadding: 10px 15px 20px 5px;
3Рadding: 20px 15px 5px 10px;
4Рadding 5px 20px 10px 15px.
Вопрос 48Ответ открыт бесплатно
Как лаконично переписать данный код:
1рadding: 15px 10px 0;
2рadding: 15px 10px;
3Рadding: 15px 0;
4Нельзя переписать без изменения сути✓ Правильный ответ
✓ Правильный ответ
Нельзя переписать без изменения сути
Вопрос 49
У первого блочного элемента задан border-top в 60px и border-bottom в 40px, у следующего за ним блочного элемента - border-top в 30px и border-bottom в 50px. Какое будет итоговое расстояние между элементами?
130px
240px
350px
460px
Вопрос 50
Какое значение нужно задать для свойства box-sizing, чтобы включить в размеры элемента padding и border?
1border-box
2content-box
3padding-box
4Contain-box
Вопрос 51
Как правильно обратиться к неактивному инпуту типа checkbox?
11
22
33
44
Вопрос 52Ответ открыт бесплатно
Какому тегу необходимо задать атрибут name для стилизации radio?
1Label
2Input✓ Правильный ответ
3Radio
4Контейнеру input + label
✓ Правильный ответ
Input
Вопрос 53
Какое значение для opacity необходимо задать, чтобы мы видели элемент на 70%?
10,3
20.3
30,7
40.7
Вопрос 54
Что из перечисленного является правилом?
1transition
2@keyframes
3Transform
4Rotate
Вопрос 55Ответ открыт бесплатно
Дано: transition: opacity 0.5s eass-in 1s. Чему равна задержка анимации?
1Opacity
25s
3Ease-in
41s✓ Правильный ответ
✓ Правильный ответ
1s
Вопрос 56
Дано свойство animation: myAnimation 3s 4 linear. Сколько раз проиграется анимация?
11
23
34
4бесконечно
Вопрос 57
Какое значение свойства transform отвечает за деформацию изображения относительно координатной оси X?
1translateX
2transformX
3skewX
4skywX
Вопрос 58
Что нельзя сделать с помощью Pixel Perfect?
1Найти несоответствие верстки и макета от дизайнера
2Автоматически исправить рассинхронизацию с макетом
3Использовать несколько макетов для тестирования
4Изменить прозрачность слоя при наложении макета
Вопрос 59Ответ открыт бесплатно
За что отвечает указанный элемент в Pixel Perfect?
1Позиционирование слоя по оси Y✓ Правильный ответ
2Выравнивание слоя по вертикали
3Позиционирование верстки по оси Y
4Выравнивание верстки по вертикали
✓ Правильный ответ
Позиционирование слоя по оси Y
Вопрос 60
К чему относится псевдокласс :first-child?
1Первый элемент без заданного класса
2Первый элемент с указанным тегом
3Элемент без дочернего элемента
4Первый элемент в списке
Вопрос 61
Как называется расширение для Chrome, позволяющее настраивать направляющие?
1Guide Ruler
2Page Ruler
3Grid Ruler
4Direct Ruler
Вопрос 62Ответ открыт бесплатно
Как правильно задать модификатор по БЭМ-методологии?
11
22
33✓ Правильный ответ
44
✓ Правильный ответ
3
Вопрос 63
Какой сущностью по БЭМ-методологии будут являться ссылки «Introduction», «First Section» и др. в указанном примере?
1Блок
2Элемент
3Модификатор
Вопрос 64
Какой сущностью по БЭМ является заголовок, переиспользуемый в разных частях веб-страницы?
1Блок
2Элемент
3Модификатор
Вопрос 65
Что НЕ относится к требованиям кроссбраузерности?
1Одинаковое визуальное отображение (верстка) сайта во всех браузерах
2Одинаковая работоспособность сайта на разных операционных системах (Windows, Mac OS, Linux)
3Корректная работа сайта с мобильных устройств
4Наличие мобильной версии сайта
Вопрос 66Ответ открыт бесплатно
Представьте, что вам нужно задать стили для сайта с разрешением МЕНЕЕ 1200px. Как правильно сформировать правило @media?
11
22✓ Правильный ответ
33
44
✓ Правильный ответ
2
Вопрос 67
Представьте, что вам нужно задать стили для сайта с разрешением БОЛЕЕ 1920px. Как правильно сформировать правило @media?
11
22
33
44
Вопрос 68
Каким образом НЕ получится проверить мобильную версию сайта без публикации сайта в интернете?
1Путем изменения размера окна браузера
2Путем использования device toolbar в Chrome
3Через www.browserstack.com
4С помощью тестирования на физическом мобильном устройстве
Вопрос 69Ответ открыт бесплатно
Представьте, что в мобильной версии данного сайта вам необходимо разместить картинку с горой ПОД основным текстом. Ваши действия?
1Присвоить только в мобильной версии display:flex для контейнера, объединяющего общий текст и картинку
2Присвоить только в десктопной версии display:flex для контейнера, объединяющего общий текст и картинку✓ Правильный ответ
3Написать display:none для изображения в мобильной версии
4Написать display:none для изображения в десктопной версии
✓ Правильный ответ
Присвоить только в десктопной версии display:flex для контейнера, объединяющего общий текст и картинку
Вопрос 70
Что такое хостинг?
1Услуга по размещению сайта в интернете
2Пространство на сервере для публикации сайта в интернете
3Процесс публикации сайта
4Адрес в браузерной строке, по которому пользователь получает доступ к сайту
Вопрос 71
Что такое домен?
1Пространство на сервере, на котором хранится сайт
2Адрес, который набирает пользователь в браузере для доступа к сайту
3Процесс перехода на страницу веб-сайта
4Процесс загрузки локального сайта на сервер
Вопрос 72
С помощью Timeweb определите, какой из доменов НЕ относится к национальным?
1.bz
2.in
3.lv
4.vr
Вопрос 73Ответ открыт бесплатно
Выберите НЕВЕРНОЕ утверждение, касающееся публикации сайта на вашем домене.
1Персональный домен необходимо купить
2Процесс регистрации домена занимает до 72 часов
3Домен оплачивается только 1 раз для 1 сайта✓ Правильный ответ
4Купленный домен необходимо привязать к сайту
✓ Правильный ответ
Домен оплачивается только 1 раз для 1 сайта
О материалах и доступе
Что входит в набор «Верстка сайтов.дпо_арсенал»?
73 вопроса с вариантами из опубликованных тестов (1). Сверьте формулировки и варианты с вашим заданием перед покупкой: разные программы могут содержать разные вопросы.
Какие ответы можно посмотреть бесплатно?
Нажмите «Показать ответы бесплатно»: после завершения индикатора откроется бесплатная часть ответов. Бесплатные ответы отмечены зелёным. При нескольких правильных вариантах отмечены все варианты из ключа ответа. Остальные ответы доступны после покупки.
Как получить полный доступ?
Стоимость — 2 499 ₽. Войдите в личный кабинет и оплатите выбранный предмет. Доступ действует 7 дней; подписки и автоматических списаний нет.
Что делать, если обнаружена ошибка?
Напишите нам и пришлите номер заказа, формулировку вопроса и подтверждение ошибки. Гарантия: 1 ошибка — вернём деньги.