Синергия/МОИ/МТИ/МОСАП ответы 100 баллов
Программирование на языке верстки HTML и стилей CSS
Вопросов в тесте: 65
Вопросы теста
2. Flexbox – это
3. Вы работаете веб-разработчиком в компании, которая занимается продажей цветов. Ваша задача - создать вебстраницу, на которой будет отображаться каталог цветов с фотографиями, названиями, ценами и описаниями. Вы уже получили макет страницы от дизайнера в формате Figma и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сверстать страницу с помощью HTML и CSS. Какой инструмент или функция Figma можно использовать для создания интерактивного прототипа страницы с переходами между разными разделами?
4. Какой тег используется для создания ячейки заголовка таблицы в HTML-документе?
5. Как называется селектор CSS, который выбирает элементы по их идентификатору? (укажите символ, который ставится перед именем идентификатора)
6. Какой тег используется для создания заголовка первого уровня в HTML-документе?
7. Вы работаете веб-разработчиком в компании, которая занимается продажей музыкальных инструментов. Ваша задача - создать веб-страницу, на которой будет отображаться каталог инструментов с фотографиями, названиями, ценами и описаниями. Вы уже сверстали страницу с помощью HTML и CSS и подготовили текстовый контент и изображения для страницы. Теперь вам нужно сделать страницу адаптивной и кроссбраузерной. Какой мета-тег нужно использовать для задания масштаба страницы в соответствии с шириной экрана устройства, на котором она открывается?
8. Отступ (margin) в CSS определяет
9. Flexbox в CSS позволяет
10. Какой тег используется для создания гиперссылки в HTML-документе? (укажите название тега без угловых скобок)
11. Инструмент, который позволяет проверить кроссбраузерность сайта, называется
12. Установите соответствие между значениями свойства position и их эффектом на элемент:
13. Атрибут <script async> позволяет
14. Media-запросы в CSS позволяют
15. Какой атрибут тега <form> определяет метод передачи данных формы на сервер?
16. Вы работаете веб-разработчиком в компании, которая занимается продажей спортивного оборудования. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - велосипеде. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно оформить страницу с помощью CSS. Какое свойство нужно использовать для задания толщины границы элемента?
17. Как называется селектор CSS, который выбирает элементы, которые являются последними дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)
18. Чтобы применить стили только для определенного диапазона ширины экрана, нужно использовать
19. Как называется селектор CSS, который выбирает элементы, которые являются единственными дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)
20. Свойство flex-direction задает
21. Для работы с текстом в HTML можно использовать следующие теги, кроме
22. Резиновая верстка означает, что
23. Установите соответствие между медиа-типами и их описаниями:
24. Как называется селектор CSS, который выбирает элементы по их порядковому номеру среди всех дочерних элементов? (укажите полное название псевдо-класса без двоеточия)
25. Чтобы приблизить или отдалить макет в Figma, нужно
26. Как называется селектор CSS, который выбирает элементы, которые находятся в состоянии фокуса (например, при переходе по табуляции или клике мышью)? (укажите полное название псевдо-класса без двоеточия)
27. Расположите свойства CSS для задания размеров элемента в порядке уменьшения их влияния на занимаемое элементом пространство:
28. Как называется селектор CSS, который выбирает элементы, которые являются первыми дочерними элементами своих родителей? (укажите полное название псевдо-класса без двоеточия)
29. Расположите способы подключения стилей CSS к HTML-документу в порядке увеличения приоритета их применения:
30. Какой атрибут тега <meta> определяет кодировку символов HTML-документа?
31. Установите соответствие между модификаторами клавиатуры в Figma и их эффектом на действия мыши:
32. Какой тег используется для создания видео-плеера в HTML-документе? (укажите
33. Установите соответствие между тегами HTML и их названиями:
34. Какой тег используется для создания подвала (нижней части) HTML-документа? (укажите название тега без угловых скобок)
35. Класс в CSS позволяет
36. Установите соответствие между префиксами для кроссбраузерной поддержки и браузерами, в которых они используются:
37. Префикс -webkit- используется для стилей, которые поддерживаются только в браузере
38. Расположите теги HTML для создания мультимедийного контента на странице в порядке увеличения сложности их использования:
39. Чтобы выбрать элемент на макете в Figma, нужно
40. Установите соответствие между свойствами CSS для оформления текста и их значениями:
41. Расположите шаги для создания компонента в Figma в порядке, в котором они должны выполняться:
42. Чтобы открыть макет в Figma, нужно
43. Свойство display в CSS определяет
44. Установите соответствие между свойствами CSS для работы с медиа-запросами и их описаниями:
45. Вы работаете веб-разработчиком в компании, которая занимается продажей книг. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке -книге “Война и мир” Льва Толстого. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно сверстать страницу с помощью HTML. Какой тег нужно использовать для создания заголовка первого уровня с названием книги “Война и мир”?
46. Свойство grid-template-columns задает
47. Тег <p> используется для
48. Для указания заголовка страницы в HTML-документе необходимо использовать тег
49. Установите соответствие между значениями свойства display и их эффектом на элемент:
50. Как называется селектор CSS, который выбирает элементы, которые находятся в состоянии наведения курсора мыши? (укажите полное название псевдо-класса без двоеточия)
51. Адаптивная верстка означает, что
52. Какой атрибут тега <table> определяет ширину таблицы в HTML-документе?
53. Установите соответствие между инструментами Figma и их описаниями:
54. Какой тег используется для создания ячейки заголовка таблицы в HTML-документе? (укажите название тега без угловых скобок)
55. Для создания формы в HTML необходимо использовать тег
56. Кроссбраузерность означает, что
57. Вы работаете веб-разработчиком в компании, которая занимается продажей цветов. Ваша задача - создать веб-страницу, на которой будет отображаться информация о разных сортах цветов, их аромате, уходе и цене. Вы уже сверстали страницу с помощью HTML и подготовили текстовый контент и изображения для страницы. Теперь вам нужно оформить страницу с помощью CSS. Какое значение свойства CSS нужно использовать для задания шрифта текста элемента, если вы хотите использовать шрифт Arial или любой другой без засечек (sans-serif), если Arial не доступен?
58. Какой атрибут тега <a> определяет адрес, на который переходит пользователь при клике по гиперссылке?
59. Расположите элементы HTML-документа в порядке, в котором они должны идти в коде страницы:
60. Вы работаете веб-разработчиком в компании, которая занимается продажей игрушек. Ваша задача - создать веб-страницу, на которой будет отображаться информация о новинке - мягком зайце. Вы уже подготовили текстовый контент и изображение для страницы, а также выбрали подходящий шрифт и цветовую схему. Теперь вам нужно оформить страницу с помощью CSS. Какое свойство нужно использовать для задания цвета текста элемента?
61. Для подключения внешнего файла стилей к HTML-документу необходимо использовать тег
62. Идентификатор в CSS позволяет
63. Какой тег используется для создания маркированного списка в HTML-документе?
64. Селектор в CSS определяет
65. Расположите теги HTML для создания таблицы в порядке, в котором они должны идти в коде страницы:
Нужна помощь именно с твоим тестом?
Написать намПохожие тесты
Ещё материалы, которые могут пригодиться по этой теме.
История стилей
Синергия/МОИ/МТИ/МОСАП ответы 100 баллов
подробнееИнформатика и программирование
Синергия/МОИ/МТИ/МОСАП ответы 100 баллов
подробнееОбъектно-ориентированное программирование (№ 2)
Синергия/МОИ/МТИ/МОСАП ответы 100 баллов
подробнее