Тесты СинергияАртём Хелп
Артём Help онлайнПолучить расчёт
Бесплатно оценим сроки и стоимостьОтправить задание в Telegram
Верстка сайтов.дпо_арсенал

Верстка сайтов.дпо_арсенал

Просмотрите все вопросы и варианты бесплатно. Правильные ответы скрыты и открываются только после получения доступа.

73 вопроса Вариант 1 Доступ 7 дней
Содержание теста

Вопросы и варианты

Без отметок и подсказок к правильным ответам

Вопрос 1

Из чего состоит DOM-дерево в HTML?

  1. из атрибутов
  2. из элементов разметки
  3. из тегов
  4. из других DOM-деревьев
Вопрос 2

Что НЕ входит в состав элемента разметки?

  1. Тег
  2. Атрибут
  3. Содержимое
  4. DOM-дерево
Вопрос 3

Выберите правильную запись элемента разметки:

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 4

не исполняется в браузере:

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 5

Что такое атрибут?

  1. Свойство тега
  2. Совокупность всех тегов
  3. Содержимое элемента разметки
  4. Главная составляющая DOM-дерева
Вопрос 6

За что отвечает тег head?

  1. Основной контент страницы
  2. Заголовок страницы
  3. Техническая
  4. Добавление отступа
Вопрос 7

Для чего нужен тег "a"?

  1. Ссылка
  2. Картинка
  3. Заголовок таблицы
  4. Отступ
Вопрос 8

Выберите наименее важный тег из перечисленных:

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 9

Какой тег служит для задания нумерованного списка?

  1. ul
  2. ol
  3. el
  4. al
Вопрос 10

Какой из тегов отвечает за строку в таблице?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 11

Выберите элемент, который НЕ относится к блочным:

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 12

Выберите элемент, который НЕ относится к строчным:

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 13

Найдите код с ошибкой:

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 14

За что отвечает тег?

  1. Статья
  2. «Шапка» сайта
  3. Независимый блок на сайте
  4. Основное содержание
Вопрос 15

Какой атрибут отвечает за добавление дополнительной картинки?

  1. srset
  2. scset
  3. srcsets
  4. srcset
Вопрос 16

Что нельзя сделать с помощью Типографа?

  1. Убрать висячие предлоги
  2. Заменить кавычки
  3. Расставить ударения
  4. Убрать лишние пробелы
Вопрос 17

Для чего нужен W3C Markup Validator?

  1. Проверка корректности верстки
  2. Автоматическое исправление ошибок
  3. Сравнение корректности верстки с макетом
  4. Проверка текста на правильность по законам типографики
Вопрос 18

Какая из указанных программ не умеет конфигурировать CSS-код?

  1. Figma
  2. Zeplin
  3. Sympli
  4. Sketch
Вопрос 19

Какой тег используется для ввода однострочного текста?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 20

Какое значение нужно указать в атрибуте type для тега input , чтобы задать чекбокс?

  1. Checkbox
  2. Checked
  3. Check
  4. Checkmark
Вопрос 21

Выберите правильную запись многострочного текста:

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 22

Что не относится к понятию «доступность» в вебе?

  1. Семантичная верстка
  2. Поддержка электронных риадеров
  3. Поддержка управления с клавиатуры
  4. Дублирование тегов для слабовидящих
Вопрос 23

Каким образом следует подключить CSS-файл?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 24

Выберите неправильное обращение к классу:

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 25

Какое CSS-свойство отвечает за подчеркивание у ссылок?

  1. decoration
  2. Line
  3. Text-decoration
  4. Text-line
Вопрос 26

Какое CSS-свойство отвечает за размер шрифта?

  1. Font-height
  2. Font-weight
  3. Font-scale
  4. Font-size
Вопрос 27

Какого вида разметки не существует?

  1. Табличная
  2. Grid
  3. Flex
  4. Div
Вопрос 28

Как задать разметку с помощью flex?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 29

Какого значения для свойства align-items не существует?

  1. Center
  2. Space-between
  3. Space-around
  4. Row
Вопрос 30

Каким образом задать расположение элементов в строке с помощью grid?

  1. Grid-rows
  2. Grid-row
  3. Grid-template-rows
  4. Grid-template-row
Вопрос 31

Как правильно задать псевдокласс для класса .menu?

  1. .mеnu::first-child
  2. .mеnu first-child
  3. .mеnu:first-child
  4. .mеnu;first-child
Вопрос 32

Какой стиль border отвечает за пунктирную обводку?

  1. Solid
  2. Dashed
  3. Dotted
  4. Groove
Вопрос 33

Какого CSS-свойства НЕ существует?

  1. Border-left
  2. Border-right
  3. Border-top
  4. Border-button
Вопрос 34

Какое CSS-свойство отвечает за масштабирование изображения?

  1. Background-cover
  2. Background-width
  3. Background-size
  4. Background-contain
Вопрос 35

В чем разница между text-align и margin: 0 auto?

  1. Text-align предназначен для выравнивание блоков относительно всей страницы, margin 0 auto - для выравнивания содержимого
  2. Text-align предназначен для выравнивание содержимого, margin 0 auto - для выравнивая блоков относительно всей страницы
  3. Text-align служит для центрирования одного элемента, margin: 0 auto - совокупности элементов
  4. Text-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, чтобы зеленый квадрат показался поверх всех остальных элементов?

  1. 2
  2. 3
  3. 4
  4. 5
Вопрос 38

Как НЕ правильно записывать псевдоэлемент?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 39

Каким образом превратить блочный элемент в строчный?

  1. Disрlay:block;
  2. Disрlay: inline-block;
  3. Disрlay: inline;
  4. Disрlay: flex;
Вопрос 40

С помощью какой функции задать плавный градиент для фона?

  1. linearGradient
  2. lineGradient
  3. linear-gradient
  4. line-gradient
Вопрос 41

Дан квадрат с шириной и высотой в 300px. Какое закругление краев в % нужно задать, чтобы по итогу оно получилось в 60px?

  1. 10%
  2. 20%
  3. 30%
  4. 40%
Вопрос 42

Зайдите на Google Fonts и укажите, какое значение font-weight соответствует начертанию semi-bold для шрифта Nunito:

  1. 500
  2. 600
  3. 700
  4. 800
Вопрос 43

Какое правило необходимо задать для подключениям шрифтов?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 44

Какое значение для line-height необходимо задать в CSS-файле, если на макете в Zeplin указано, что размер шрифта - 20px, а Line Height - 30px?

  1. 0.6
  2. 1.5
  3. 20px
  4. 30px
Вопрос 45

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

  1. До основного файла styles.css
  2. После основного файла styles.css
  3. Прописать в одном теле link друг за другом
Вопрос 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. Какое будет итоговое расстояние между элементами?

  1. 30px
  2. 40px
  3. 50px
  4. 60px
Вопрос 50

Какое значение нужно задать для свойства box-sizing, чтобы включить в размеры элемента padding и border?

  1. border-box
  2. content-box
  3. padding-box
  4. Contain-box
Вопрос 51

Как правильно обратиться к неактивному инпуту типа checkbox?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 52

Какому тегу необходимо задать атрибут name для стилизации radio?

  1. Label
  2. Input
  3. Radio
  4. Контейнеру input + label
Вопрос 53

Какое значение для opacity необходимо задать, чтобы мы видели элемент на 70%?

  1. 0,3
  2. 0.3
  3. 0,7
  4. 0.7
Вопрос 54

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

  1. transition
  2. @keyframes
  3. Transform
  4. Rotate
Вопрос 55

Дано: transition: opacity 0.5s eass-in 1s. Чему равна задержка анимации?

  1. Opacity
  2. 5s
  3. Ease-in
  4. 1s
Вопрос 56

Дано свойство animation: myAnimation 3s 4 linear. Сколько раз проиграется анимация?

  1. 1
  2. 3
  3. 4
  4. бесконечно
Вопрос 57

Какое значение свойства transform отвечает за деформацию изображения относительно координатной оси X?

  1. translateX
  2. transformX
  3. skewX
  4. skywX
Вопрос 58

Что нельзя сделать с помощью Pixel Perfect?

  1. Найти несоответствие верстки и макета от дизайнера
  2. Автоматически исправить рассинхронизацию с макетом
  3. Использовать несколько макетов для тестирования
  4. Изменить прозрачность слоя при наложении макета
Вопрос 59

За что отвечает указанный элемент в Pixel Perfect?

  1. Позиционирование слоя по оси Y
  2. Выравнивание слоя по вертикали
  3. Позиционирование верстки по оси Y
  4. Выравнивание верстки по вертикали
Вопрос 60

К чему относится псевдокласс :first-child?

  1. Первый элемент без заданного класса
  2. Первый элемент с указанным тегом
  3. Элемент без дочернего элемента
  4. Первый элемент в списке
Вопрос 61

Как называется расширение для Chrome, позволяющее настраивать направляющие?

  1. Guide Ruler
  2. Page Ruler
  3. Grid Ruler
  4. Direct Ruler
Вопрос 62

Как правильно задать модификатор по БЭМ-методологии?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 63

Какой сущностью по БЭМ-методологии будут являться ссылки «Introduction», «First Section» и др. в указанном примере?

  1. Блок
  2. Элемент
  3. Модификатор
Вопрос 64

Какой сущностью по БЭМ является заголовок, переиспользуемый в разных частях веб-страницы?

  1. Блок
  2. Элемент
  3. Модификатор
Вопрос 65

Что НЕ относится к требованиям кроссбраузерности?

  1. Одинаковое визуальное отображение (верстка) сайта во всех браузерах
  2. Одинаковая работоспособность сайта на разных операционных системах (Windows, Mac OS, Linux)
  3. Корректная работа сайта с мобильных устройств
  4. Наличие мобильной версии сайта
Вопрос 66

Представьте, что вам нужно задать стили для сайта с разрешением МЕНЕЕ 1200px. Как правильно сформировать правило @media?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 67

Представьте, что вам нужно задать стили для сайта с разрешением БОЛЕЕ 1920px. Как правильно сформировать правило @media?

  1. 1
  2. 2
  3. 3
  4. 4
Вопрос 68

Каким образом НЕ получится проверить мобильную версию сайта без публикации сайта в интернете?

  1. Путем изменения размера окна браузера
  2. Путем использования device toolbar в Chrome
  3. Через www.browserstack.com
  4. С помощью тестирования на физическом мобильном устройстве
Вопрос 69

Представьте, что в мобильной версии данного сайта вам необходимо разместить картинку с горой ПОД основным текстом. Ваши действия?

  1. Присвоить только в мобильной версии display:flex для контейнера, объединяющего общий текст и картинку
  2. Присвоить только в десктопной версии display:flex для контейнера, объединяющего общий текст и картинку
  3. Написать display:none для изображения в мобильной версии
  4. Написать display:none для изображения в десктопной версии
Вопрос 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. Купленный домен необходимо привязать к сайту