Підсумковий тест. Проєктування та верстка веб-сторінок

Тести Інформатика 11 клас Тест
Бражник С. Є.
Додано: 21 листопада 2025
Предмет: Інформатика, 11 клас
Копія з тесту: Підсумковий тест. Проєктування та верстка веб-сторінок
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
26 запитань
Запитання 1

Тег — це:  

варіанти відповідей

 код для визначення структури веб-сторінки;

  програма керування виглядом текстових повідомлень та малюнків на веб-сторінці;

 Коди мови HTML, за допомогою яких розмічають вихідний текст

настроювання вигляду частини веб-сторінки за допомогою спеціального коду;

Запитання 2

Верстка сайта на основі елементів <div> називається...

варіанти відповідей

CSS-верстка

Блокова верстка

Таблична верстка

HTML -верстка

Запитання 3

Підхід, що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса

варіанти відповідей

Адаптивна верстка

Гумова верстка

Блокова верстка

Запитання 4

Що означає Доступність вебсторінки?

варіанти відповідей

Сайт має коректно відображатися та бути зручним для використання на різних пристроях (комп'ютери, планшети, смартфони).

Однакове відображення сторінок у різних веб-браузерах

Створення веб-сторінок, якими можуть користуватися люди з обмеженими можливостями.

Оптимізація швидкості завантаження сторінок для кращого користувацького досвіду та SEO.

Запитання 5

За допомогою якого параметру css можна задати фон блоку в колірному значенні?

варіанти відповідей

background-color

background

color

color-background

Запитання 6

Тег <Р> призначений для:

варіанти відповідей

 позначення нового абзацу

  створення гіперпосилання

  позначення нумерованого списку

   позначення тексту як заголовка

Запитання 7

Тег <BODY> призначений для :

варіанти відповідей

виділення початку та кінця вмісту документа, який буде виведено на екран

 розмічення важливих фрагментів тексту

 встановлення кольорів тексту та тла веб-сторінки

  позначення заголовка для вікна відображення документа

Запитання 8

Тег <TITLE> призначений для:

варіанти відповідей

 визначення заголовка документа, в якому міститься його ключовий опис

  визначення заголовка вікна, в якому відображатиметься документ

позначення тексту як заголовка

  позначення нового абзацу

Запитання 9

Теги <Н1>...<Н6> використовують для:

варіанти відповідей

 визначення вигляду заголовка вікна, в якому відображати­ меться документ

  позначення тексту як заголовка

  позначення нового абзацу

  позначення заголовка для таблиці

Запитання 10

Початок та кінець HTML документу

варіанти відповідей

 <title> </title>

 <head> </head>

  <html> </html>

  <body> </body>

Запитання 11

Тег, який задає напівжирний шрифт уривка тексту

варіанти відповідей

 <p> </p>

  <b> </b>

  <u> </u>

  <h1> </h1>

Запитання 12

Тег <i> </i> відповідає за

варіанти відповідей

 ім'я заголовку

  стиль "курсив"

  стиль "жирний"

  текст по ширині

Запитання 13

У HTML-коді веб-сторінки в кутових дужках <> записують:

варіанти відповідей

теги

параметри

модуль

Запитання 14

Як записується закриття тегу за допомогою HTML коду?

варіанти відповідей

 <\ТЕГ>

 </ТЕГ>

 <ТЕГ>

Запитання 15

В якому місці HTML документа повинні бути розташовані теги < title>, <link>,<meta>?

варіанти відповідей

В секції <head>

 В секції <body>

В любому місці документа

Запитання 16

 Яка властивість стилів відповідає за колір тла?

варіанти відповідей

 letter-spacing

vertical-align

 text-transform

 background-color

Запитання 17

Як називається процес створення веб-сторінок із попередньо створеного макету дизайну сайта?

варіанти відповідей

Виконання

Налагодження

 Верстка

Друк

Запитання 18

Чи існує "жорстка" верстка веб-сторінок?

варіанти відповідей

в деяких випадках

так

ні

Запитання 19

Верстка сайта на основі елементів <div> називається..

варіанти відповідей

CSS-верстка

 Блокова верстка


Таблична верстка

HTML -верстка

Запитання 20

Верстка сайта яка використовує каскадні таблиці стилів називається...

варіанти відповідей

CSS-верстка

 Блокова верстка


Таблична верстка

HTML -верстка

Запитання 21

Гумова (або блокова) верстка - 

варіанти відповідей

спосіб опису блоків де розміри задаються не в статичному, а за допомогою параметрів margin та padding.

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

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

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

Запитання 22

Код CSS може бути

варіанти відповідей

Внутрішній

Вбудований

Зовнішній

Незалежний

Запитання 23

Написання коду CSS в атрибуті style конкретного тега це


варіанти відповідей

Вбудований CSS

Внутрішній CSS 

Зовнішній CSS 

Незалежний CSS 

Запитання 24

Тег <TABLE> призначений для:

варіанти відповідей

опису таблиці


встановлення тексту в комірку таблиці


встановлення таблиці на веб-сторінку


встановлення нового рядка в таблицю


позначення заголовка для таблиці

Запитання 25

Оберіть правильне твердження

Адаптивна верстка -

варіанти відповідей

змінює розміри елементів відповідно до ширини вікна.

використовує фіксовані точки зупинки для зміни макета, що забезпечує більш контрольоване відображення.

Запитання 26

Оберіть правильну відповідь.

Які значення FlexBox властивостей задають таке положення елемента на сторінці?

варіанти відповідей

justify content: space-between;

justify content: center;

align items: center;

justify content: space-around;

justify content: flex-end;

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест