Основы верстки веб-сайтов при помощи HTML CSS (тема 1-4), итоговый тест, 103 вопроса (ответы на тест Синергия / МТИ / МОИ / МосАП)

• 103 вопроса с ответами (темы 1-4, итоговый тест)
• Результат итогового теста: 48-54 балла из 60

После покупки вы получите файл Word с ответами на вопросы, которые указаны ниже.

Чтобы найти нужный вопрос в файле, нажмите ctrl+F и введите несколько слов из тестового вопроса, затем нажмите Enter.

Перед покупкой вы можете посмотреть демо-файл с оценкой за тест.

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

Ответы на тесты по другим дисциплинам: https://studwork.cc/shop?user=18856

1. Закрытый вопрос: Какой тег HTML используется для создания горизонтальной линии?
2. Закрытый вопрос: Какой атрибут HTML используется для задания альтернативного текста изображению?
3. Закрытый вопрос: Какой тег HTML используется для создания не нумерованного списка?
4. Закрытый вопрос: Какой тег HTML используется для создания ссылки на другой документ или часть документа?
5. Закрытый вопрос по HTML: Какой тег HTML используется для создания таблицы?
6. Закрытый вопрос по HTML: Какой атрибут HTML используется для задания адреса ссылки?
7. Закрытый вопрос по HTML: Какой тег HTML используется для создания выпадающего списка?
8. Закрытый вопрос по HTML: Какой тег HTML используется для создания комментария в коде?
9. Какой тег используется для создания заголовков разных уровней в HTML-документе? (укажите название тега без угловых скобок и номера уровня)
10. Какой атрибут тега < p > позволяет выровнять текст по центру, по левому или правому краю? (укажите название атрибута без знака равенства)
11. Какой тег используется для создания таблицы в HTML-документе? (укажите название тега без угловых скобок)
12. Какой тег используется для создания формы, которая позволяет пользователю вводить и отправлять данные на сервер? (укажите название тега без угловых скобок)
13. Какой атрибут тега < form > указывает на метод передачи данных формы на сервер? (укажите название атрибута без знака равенства)
14. Какой тег используется для вставки изображения в HTML-документ? (укажите название тега без угловых скобок)
15. Какой атрибут тега < img > указывает на адрес изображения, которое нужно отобразить? (укажите название атрибута без знака равенства)
16. Как называется способ верстки, при котором используются теги HTML по их назначению, то есть согласно смыслу и содержанию элементов? (укажите одно слово)
17. Какой селектор CSS используется для выбора всех элементов с определенным классом?
18. Какой селектор CSS используется для выбора всех элементов с определенным идентификатором?
19. Какое свойство CSS используется для задания внутренних отступов элемента?
20. Какое свойство CSS используется для задания границы элемента?
21. Какое свойство CSS используется для задания стиля границы элемента?
22. Какое свойство CSS используется для задания фонового цвета элемента?
23. Какое свойство CSS используется для задания ширины элемента?
24. Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания продолжительности анимации?
25. Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания количества повторений анимации?
26. Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания направления анимации?
27. Открытый вопрос по теме Анимации: Какое свойство CSS используется для задания состояния анимации?
28. Открытый вопрос по теме Анимации: Как называется правило CSS, которое используется для определения ключевых кадров анимации?
29. Открытый вопрос по теме Трансформации: Какое свойство CSS используется для задания типа и параметров трансформации элемента?
30. Расположите свойства CSS для задания шрифта текста в порядке уменьшения их значимости для отображения текста:
31. Установите соответствие между свойствами CSS и их значениями:
32. Вы работаете веб-разработчиком в компании, которая занимается продажей косметики. Ваша задача - создать веб-страницу, на которой будет отображаться информация о разных продуктах косметики, их составе, эффекте и способе применения. Вы уже сверстали страницу с помощью HTML и подготовили текстовый контент и изображения для страницы. Теперь вам нужно оформить страницу с помощью CSS. Какой селектор CSS нужно использовать для применения стилей к элементу с идентификатором "product", если вы хотите задать ему ширину 300 пикселей, высоту 200 пикселей и рамку толщиной 1 пиксель цвета черного?
33. Что такое Flexbox в CSS?
34. Какое свойство CSS используется для задания контейнера Flexbox?
35. Какое свойство CSS используется для задания направления основной оси Flexbox?
36. Какое свойство CSS используется для задания соотношения роста элементов Flexbox?
37. Что такое Grid в CSS?
38. Закрытый вопрос по теме Grid: Какое свойство CSS используется для задания контейнера Grid?
39. Какое свойство CSS используется для задания колонок Grid?
40. Какое свойство CSS используется для задания строк Grid?
41. Как называется модель компоновки в CSS, которая позволяет выравнивать и распределять элементы в одномерном пространстве (по горизонтали или по вертикали)? (укажите одно слово)
42. Как называется модель компоновки в CSS, которая позволяет выравнивать и распределять элементы в двумерном пространстве (по горизонтали и по вертикали)? (укажите одно слово)
43. Установите соответствие между медиа-выражениями и их описаниями:
44. Расположите шаги для экспорта элемента из Figma в порядке, в котором они должны выполняться:
45. Что такое Figma?
46. Как называется основная единица работы в Figma?
47. Как называется панель, на которой отображаются все слои и группы элементов макета в Figma?
48. Как называется панель, на которой отображаются различные свойства выбранного элемента макета в Figma?
49. Как называется функция, которая позволяет создавать интерактивные прототипы макетов в Figma?
50. Как называется функция, которая позволяет экспортировать элементы макета в различные форматы файлов в Figma?
51. Как называется элемент в Figma, который позволяет добавлять и редактировать текстовые блоки на холсте? (укажите одно слово)
52. Расположите шаги для создания прототипа в Figma в порядке, в котором они должны выполняться:
53. Установите соответствие между панелями Figma и их функциями:
54. Вы работаете веб - разработчиком в компании, которая занимается продажей кофе. Ваша задача создать веб страницу, на которой будет отображаться информация о разных сортах кофе, их происхождении, аромате и способе приготовления. Вы уже получили макет страницы от дизайнера в формате Figma и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сверстать страницу с помощью HTML и CSS. Какой инструмент или функция Figma можно использовать для экспорта изображений из макета в нужном формате и размере?
55. Тег <p> используется для
56. Семантическая верстка означает, что
57. Для работы с текстом в HTML можно использовать следующие теги, кроме
58. Таблицы в HTML создаются с помощью тегов
59. Формы в HTML служат для
60. Для указания заголовка страницы в HTML-документе необходимо использовать тег
61. Селектор в CSS определяет
62. Класс в CSS позволяет
63. Свойство display в CSS определяет
64. Свойство display может принимать следующие значения, кроме
65. Резиновая верстка означает, что
66. Media-запросы в CSS позволяют
67. Flexbox в CSS позволяет
68. Grid в CSS позволяет
69. Кроссбраузерность означает, что
70. Чтобы применить стили только для определенного диапазона ширины экрана, нужно использовать
71. Flexbox - это
72. Кроссбраузерность означает, что
73. Инструмент, который позволяет проверить кроссбраузерность сайта, называется
74. Тег <meta name="viewport"…> позволяет
75. Свойство zoom: none; позволяет
76. Атрибут <script asunc> позволяет
77. Figma - это
78. Какой тег используется для создания гиперссылки в HTML-документе? (укажите название тега без угловых скобок)
79. Какой тег используется для создания заголовка первого уровня в HTML-документе? (укажите название тега без угловых скобок)
80. Какой атрибут тега <a> определяет адрес, на который переходит пользователь при клике по гиперссылке?
81. Какой тег используется для создания маркированного списка в HTML-документе? (укажите название тега без угловых скобок)
82. Какой тег используется для создания видео-плеера в HTML-документе? (укажите название тега без угловых скобок)
83.  Какой атрибут тега <meta> определяет кодировку символов HTML-документа?
84. Какой тег используется для создания подвала (нижней части) HTML-документа? (укажите название тега без угловых скобок)
85. Как называется селектор CSS, который выбирает элементы, которые являются первыми дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)
86. Как называется селектор CSS, который выбирает элементы, которые являются последними дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)
87. Как называется селектор CSS, который выбирает элементы, которые находятся в состоянии активации (например, при клике мышью или нажатии клавиши)? (укажите полное название псевдо-класса без двоеточия)
88. Как называется селектор CSS, который выбирает элементы, которые находятся в состоянии фокуса (например, при переходе по табуляции или клике мышью)? (укажите полное название псевдо-класса без двоеточия)
89. Как называется селектор CSS, который выбирает элементы по их порядковому номеру среди всех дочерних элементов? (укажите полное название псевдо-класса без двоеточия)
90. Какое свойство CSS используется для создания анимации изменения стилей элементов?
91. Установите соответствие между селекторами CSS и их описаниями:
92. Установите соответствие между значениями свойства display и их эффектом на элемент:
93. Установите соответствие между свойствами CSS для оформления текста и их значениями:
94. Установите соответствие между свойствами CSS для работы с медиа-запросами и их описаниями:
95. Установите соответствие между префиксами для кроссбраузерной поддержки и браузерами, в которых они используются:
96. Установите соответствие между модификаторами клавиатуры в Figma и их эффектом на действия мыши:
97. Установите соответствие между типами констрейнтов в Figma и их описаниями:
98. Расположите свойства CSS для задания размеров элемента в порядке уменьшения их влияния на занимаемое элементом пространство:
99. Расположите шаги для создания компонента в Figma в порядке, в котором они должны выполняться:
100. Вы работаете веб-разработчиком в компании, которая занимается продажей книг. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - книге "Война и мир" Льва Толстого. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно сверстать страницу с помощью HTML. Какой тег нужно использовать для создания заголовка первого уровня с названием книги "Война и мир"?
101. Вы работаете веб-разработчиком в компании, которая занимается продажей цветов. Ваша задача - создать веб-страницу, на которой будет отображаться информация о разных сортах цветов, их аромате, уходе и цене. Вы уже сверстали страницу с помощью HTML и подготовили текстовый контент и изображения для страницы. Теперь вам нужно оформить страницу с помощью CSS. Какое значение свойства CSS нужно использовать для задания шрифта текста элемента, если вы хотите использовать шрифт Arial или любой другой без засечек (sans-serif), если Arial не доступен?
102. Вы работаете веб-разработчиком в компании, которая занимается продажей спортивного оборудования. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - велосипеде. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно оформить страницу с помощью CSS. Какое свойство нужно использовать для задания толщины границы элемента?
103. Вы работаете веб-разработчиком в компании, которая занимается продажей музыкальных инструментов. Ваша задача - создать веб-страницу, на которой будет отображаться каталог инструментов с фотографиями, названиями, ценами и описаниями. Вы уже сверстали страницу с помощью HTML и CSS и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сделать страницу адаптивной и кроссбраузерной. Какой мета-тег нужно использовать для задания масштаба страницы в соответствии с шириной экрана устройства, на котором она открывается?