html

Тести Інформатика 9 клас Тест
Чміль А.
Додано: 8 грудня 2025
Предмет: Інформатика, 9 клас
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
40 запитань
Запитання 1

Тег — це:  

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

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

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

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

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

Запитання 2

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

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

CSS-верстка

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

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

HTML -верстка

Запитання 3

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

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

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

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

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

Запитання 4

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

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

background-color

background

color

color-background

Запитання 5

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

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

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

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

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

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

Запитання 6

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

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

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

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

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

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

Запитання 7

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

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

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

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

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

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

Запитання 8

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

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

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

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

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

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

Запитання 9

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

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

 <title> </title>

 <head> </head>

  <html> </html>

  <body> </body>

Запитання 10

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

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

В секції <head>

 В секції <body>

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

Запитання 11

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

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

Виконання

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

 Верстка

Друк

Запитання 12

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

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

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

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

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

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

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

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

Запитання 13

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

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

Внутрішній

Вбудований

Зовнішній

Незалежний

Запитання 14

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


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

Вбудований CSS

Внутрішній CSS 

Зовнішній CSS 

Незалежний CSS 

Запитання 15

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

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

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


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


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


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


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

Запитання 16

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

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

Контент

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

Макет

Запитання 17

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

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

[ ]

" "

{ }

< >

Запитання 18

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

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

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

.container

#container

=container

container

Запитання 19

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


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

<body>

<head>

<script>

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

Запитання 20

Що таке CSS?

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

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

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

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

Cascading Style Sheets

Запитання 21

Виберіть правильний 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>

Запитання 22

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

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

Scratch

Python

Java

Javascript

CSS

Ruby

HTML

Запитання 23

Який тип поля <input> використовують для введення пароля?

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

text

code

password

secret

Запитання 24

Який атрибут визначає тип поля введення? (текст, пароль тощо)

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

mode

kind

type

form

Запитання 25

Який тег створює поле введення?

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

<field>

<input>

<text>

<enter>

Запитання 26

Який атрибут вказує адресу переходу в тегу <a>

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

src

href

ref

open

Запитання 27

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

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

<rel>

<a>

<href>

<li>

Запитання 28

Мова каскадних стилів CSS задає

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

дизайн сторінки (шкіра)

функціонал сторінки (м'язи)

структуру сторінки (скелет)

взаємодію між сайтом та користувачем (мозок)

Запитання 29

Мова розмітки HTML задає

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

дизайн сторінки (шкіра)

взаємодію між користувачем і вебсторінкою (мозок)

структуру сторінки (скелет)

функціонал сторінки (м'язи)

Запитання 30

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

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

HTML, Python, CSS

Scratch, Thonny, TuxPaint

HTML, CSS, JavaScript

HTML, Python, Java

Запитання 31

Що таке вебсторінка?

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

це окремий документ, написаний мовою розмітки HTML, який призначений для перегляду електронної інформації.

програма для перегляду вебсторінок, яка розуміє мову HTML

адреса вебсайту у Інтернеті, за якою може знаходитись якийсь ресурс

мова гіпертекстової розмітки, яка дозволяє створювати вебсайти

Запитання 32

Які переваги векторної графіки?

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

Не втрачає якості при масштабуванні

Використовується для створення логотипів

Підходить для створення іконок

Створюють реалістичне зображення

Запитання 33

Які інструменти доступні для роботи з текстом у Canva?

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

Вирівнювання тексту

Зміна кольору тексту

Додавання відео до тексту

Налаштування міжрядкового інтервалу

Запитання 34

Які функції виконує прототип у дизайні?

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

Тестування зручності

Оптимізація швидкості завантаження

Візуалізація ідей

Економія часу та ресурсів

Запитання 35

Які принципи варто дотримуватися в адаптивному дизайні?

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

Відповідність усіх елементів до різних розмірів екранів

Баланс між елементами

Використання однієї колірної схеми

Інтуїтивність навігації

Запитання 36

Чи забезпечує адаптивний дизайн зручність на різних пристроях?

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

Правда

Неправда

Запитання 37

Як поділитися презентацією з учителем?

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

Надіслати фото на пошту

Через посилання Canva або експортувати файл

Зробити скріншот

Надрукувати

Запитання 38

Який слайд зазвичай останній у презентації?

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

Висновок / заклик / підсумок

Перший слайд

Слайд з музикою

Слайд із фоном

Запитання 39

Як додати новий слайд?

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

Через кнопку “Додати слайд” 

Клавішею Ctrl+М

Через вкладку “Елементи”

Вставити картинку

Запитання 40

Що таке шаблон у Canva?

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

Готовий дизайн, який можна редагувати

Колекція фотографій

Шаблон для написання коду

Файл у PDF

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

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