Опубліковано

Підсумковий тест по веб-технологіях

Інформатика 11 клас 30 запитань
Додано
19 травня 2025
Предмет
Інформатика, 11 клас
Тест виконано
36 разів

Робота з учнями результати зберігаються

Режими пройти самостійно — результати не зберігаються

Тестування 30 запитань Флеш-картки автору й сертифікованим Відповідності автору й сертифікованим Вгадай слово 3 слова Анаграма автору й сертифікованим Телевікторина 30 запитань Лови правильну 30 запитань Пошук слів автору й сертифікованим Знайди пару автору й сертифікованим Знайди відповідь автору й сертифікованим Літачок 29 запитань Лабіринт 29 запитань
Роздрукувати: Тест Пошук слів Знайди пару Картки

30 запитань

1 Запитання 1 Одна правильна відповідь

Який тег використовують для створення заголовка першого рівня?

варіанти відповідей
  • <p>

  • <h1>

  • <title>

  • <heading>

2 Запитання 2 Одна правильна відповідь

Що означає тег <strong> у HTML?

варіанти відповідей
  • Зробити текст курсивом

  • Надати тексту напівжирного акценту (семантично важливий)

  • Підкреслити текст

  • Вирівняти текст

3 Запитання 3 Одна правильна відповідь

Який атрибут вказує шлях до зображення в тегові <img>?

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

  • href

  • link

  • path

4 Запитання 4 Одна правильна відповідь

Для чого використовують атрибут alt в <img>?

варіанти відповідей
  • Встановити ширину зображення

  • Встановити фон

  • Надати текст при недоступності зображення

  • Додати ефект

5 Запитання 5 Одна правильна відповідь

Який тег використовується для основного вмісту документа?

варіанти відповідей
  • <header>

  • <section>

  • <aside>

  • <main>

6 Запитання 6 Одна правильна відповідь

Який тег означає нижню частину сторінки?

варіанти відповідей
  • <bottom>

  • <end>

  • <footer>

  • <base>

7 Запитання 7 Одна правильна відповідь

Який тег створює рядок таблиці?

варіанти відповідей
  • <td>

  • <tr>

  • <th>

  • <table-row>

8 Запитання 8 Одна правильна відповідь

Який тег створює заголовок стовпця таблиці?

варіанти відповідей
  • <td>

  • <th>

  • <caption>

  • <thead>

9 Запитання 9 Одна правильна відповідь

Який тег задає підпис таблиці?

варіанти відповідей
  • <summary>

  • <caption>

  • <label>

  • <tablehead>

10 Запитання 10 Одна правильна відповідь

Як об’єднати дві клітинки по горизонталі?

варіанти відповідей
  • Атрибутом colspan

  • Застосувати rowspan

  • Задати ширину в пікселях

  • Обгорнути в <div>

11 Запитання 11 Одна правильна відповідь

Що таке CSS?

варіанти відповідей
  • Мова розмітки

  • Серверна мова

  • Мова стилів для оформлення HTML-елементів

  • Фреймворк для баз даних

12 Запитання 12 Одна правильна відповідь

Як підключити зовнішній CSS-файл?

варіанти відповідей
  • <style src="style.css">

  • <link rel="stylesheet" href="style.css">

  • <css href="style.css">

  • @import("style.css") у HTML-розмітці

13 Запитання 13 Одна правильна відповідь

Як в CSS звернутися до елемента з id="main"?

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

  • #main

  • main

  • id.main

14 Запитання 14 Одна правильна відповідь

Як звернутись до всіх <p> елементів у CSS?

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

  • #p

  • .p

  • paragraph

15 Запитання 15 Одна правильна відповідь

Який псевдоклас використовується при наведенні курсору?

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

  • :focus

  • :active

  • :hover

16 Запитання 16 Одна правильна відповідь

Що робить псевдоклас :first-child?

варіанти відповідей
  • Вибирає перший елемент серед дочірніх елементів батьківського елемента

  • Виділяє останній елемент серед дочірніх елементів батьківського елемента

  • Переводить перше слово тексту кожного абзацу у верхній регістр

  • Переводить перший символ тексту у верхній регістр

17 Запитання 17 Одна правильна відповідь

Який з варіантів є правильним записом кольору в CSS?

варіанти відповідей
  • color: #FF0000;

  • color = red;

  • background-color: rgb(255.0.0);

  • color: red()

18 Запитання 18 Одна правильна відповідь

Що означає rgba(0, 0, 0, 0.5)?

варіанти відповідей
  • Повністю прозорий чорний

  • Напівпрозорий чорний колір

  • Напівпрозорий червоний

  • Прозорий фон без кольору

19 Запитання 19 Одна правильна відповідь

Який стиль має найвищий пріоритет?

варіанти відповідей
  • Зовнішній стиль

  • Внутрішній стиль

  • Стиль браузера

  • Inline-стиль

20 Запитання 20 Одна правильна відповідь

Який з елементів має найнижчу специфічність?

варіанти відповідей
  • Inline-елемент

  • Ідентифікатор

  • Клас, атрибут, псевдо-клас

  • Елемент, псевдо-елемент

21 Запитання 21 Одна правильна відповідь

Що включає блокова модель елемента в CSS?

варіанти відповідей
  • Content, Padding, Border, Margin

  • Width, Height, Size

  • Text, Box, Image

  • Label, Div, Section

22 Запитання 22 Одна правильна відповідь

Що таке margin в CSS?

варіанти відповідей
  • Внутрішній відступ

  • Ширина рамки

  • Зовнішній відступ елемента

  • Розмір шрифту

23 Запитання 23 Одна правильна відповідь

Який атрибут встановлює внутрішній відступ у CSS?

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

  • padding

  • border

  • gap

24 Запитання 24 Одна правильна відповідь

Що задає властивість width?

варіанти відповідей
  • Висоту елемента

  • Відступ зліва

  • Ширину елемента

  • Ширину тексту

25 Запитання 25 Одна правильна відповідь

Що таке border в CSS?

варіанти відповідей
  • Внутрішній відступ

  • Зовнішній відступ

  • Рамка навколо елемента

  • Фон елемента

26 Запитання 26 Одна правильна відповідь

Яке значення встановлює однаковий margin з усіх боків?

варіанти відповідей
  • margin: top left right bottom;

  • margin: auto;

  • margin: 20px;

  • margin: 20px 0;

27 Запитання 27 Одна правильна відповідь

Що встановлює display: flex?

варіанти відповідей
  • Створює таблицю

  • Додає блок

  • Робить контейнер флексбоксом

  • Робить текст жирним

28 Запитання 28 Одна правильна відповідь

Як вирівняти елементи по центру у флексбоксі по головній осі?

варіанти відповідей
  • align-items: center;

  • float: center;

  • justify-content: center;

  • text-align: center;

29 Запитання 29 Одна правильна відповідь

Як у флексбоксі розмістити елементи вертикально по центру (по поперечній осі)?

варіанти відповідей
  • text-align: center;

  • align-items: center;

  • justify-content: space-around;

  • float: center;

30 Запитання 30 Одна правильна відповідь

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

варіанти відповідей
  • flex-direction: column;

  • flex-wrap: wrap;

  • wrap-content: true;

  • flex-grow: auto;

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

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