Контроль знань І семестр: Вебтехнології

Тести Інформатика 11 клас Тест
Бражник С. Є.
Додано: 7 грудня 2025
Предмет: Інформатика, 11 клас
Копія з тесту: Підсумковий тест за І семестр: модуль "Веб-технології"
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
33 запитання
Запитання 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

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

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

В секції <head>

 В секції <body>

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

Запитання 12

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

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

Виконання

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

 Верстка

Друк

Запитання 13

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

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

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

так

ні

Запитання 14

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

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

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

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

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

в основі лежить використання блоків (<div>), розташування яких контролюється через CSS

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

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

Запитання 15

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

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

Внутрішній

Вбудований

Зовнішній

Незалежний

Запитання 16

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


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

Вбудований CSS

Внутрішній CSS 

Зовнішній CSS 

Незалежний CSS 

Запитання 17

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

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

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


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


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


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


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

Запитання 18

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

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

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

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

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

Запитання 19

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

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

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

justify content: space-between;

justify content: center;

align items: center;

justify content: space-around;

justify content: flex-end;

Запитання 20

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

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

Людьми

Цільовою аудиторією

Користувачами

Адмінами

Запитання 21

Виберіть елементи веб-сторінки

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

Контент

Навігаційна панель

Макет

Запитання 22

Виберіть популярний сайт питань та відповідей з програмування.

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

Фреймворк

W3

StackOverflow

Autoprefxer

Запитання 23

Із переліку виберіть лише основні принципи сегментації цільової аудиторії:

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

Демографічний

Фізичний

Поведінковий

Психологічний

Статистичний

Географічний

Математичний

Запитання 24

Що таке хостинг?

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

послуга, що дозволяє приватним особам, підприємствам і організаціям розміщувати в Інтернеті веб - сайт або веб - сторінку

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

послуга з розміщення файлів користувача, за якої дані зберігаються на багатьох серверах

Запитання 25

Як зробити текст в < p > елементі жирним?

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

p {font-weight: bold;}

< p style="font-size:bold;">

p {text-size:bold;}

< p style="text-size:bold;">

Запитання 26

Які лапки використовують в оголошенні (head) СSS правила?

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

[ ]

" "

{ }

< >

Запитання 27

Як звернутися до CSS селектора по класу у файлі стилів?

<div class="container"></div>

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

.container

#container

=container

container

Запитання 28

В якому HTML елементі правильно підключати CSS файл?


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

<body>

<head>

<script>

в кінці документа

Запитання 29

Що таке CSS?

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

Каскадні таблиці стилів

Кольорові таблиці стилів

Каскадні таблиці шрифтів

Cascading Style Sheets

Запитання 30

Виберіть правильний CSS синтаксис (декілка правильних відповідей)

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

 <div style="color: green;">

...

</div>

 <div style="background-color: yellow; font-face: Monotype Corsiva; font-size: 20pt;">

...

</div>

 <div style="border: 5px double blue; width: 50%; height: 90px;">

...

</div>

 <div style

{"background-color: yellow; font-face: Monotype Corsiva; font-size: 20pt;">}

...

</div>

Запитання 31

Оберіть формати графічних файлів, що підтримують прозорість зображення

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

JPEG

GIF

SVG

PNG

WebP

Запитання 32

Які обов’язкові атрибути має тег для відображення графічних об’єктів на веб-сторінці?​


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

img

alt

src

width

height

Запитання 33

Який зі стилів animation встановлює кількість часу потрібну анімації на один цикл?

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

animation-delay

animation-direction

animation-duration

animation-iteration-count

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

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