Конструктор тестів
- Всеосвіта›
- Бібліотека тестів›
- Різне›
- slay expand 2 level
Тест:
slay expand 2 level
04.05.2026
Вміст тесту:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
1
3 з 99 балів
Обрати три відповіді.
До основних етапів розробки веб-сайту належать:
2
3 з 99 балів
Обрати три відповіді.
Виберіть одинарні HTML теги:
3
3 з 99 балів
Обрати три відповіді.
HTML елементи за їх відображенням можна поділити на такі групи:
4
2 з 99 балів
Вкажіть 2 способи підключення веб-шрифтів до HTML-сторінки:
5
2 з 99 балів
Вкажіть 2 CSS властивості, які дозволяють визначити відступи між символами та між словами в тексті:
6
3 з 99 балів
Оберіть три позиції.
До основних подій миші у JavaScript належать:
7
1 з 99 балів
________ – це електронний документ, написаний у форматі HTML, який можна переглядати за допомогою браузера.
8
1 з 99 балів
Мета тег, в якому міститься ...
9
4 з 99 балів
Встановіть відповідність між поняттями:
1
Веб-сайт
А
програмне забезпечення, яке працює в Інтернеті та доступне за допомогою веб-браузера.
2
Веб-додаток
Б
сукупність веб-сторінок та залежного вмісту, доступних у мережі Інтернет, які об'єднані під єдиним доменним ім’ям.
3
Веб-сторінка
В
процес створення веб-сайтів або веб-додатків.
4
Веб-розробка
Г
електронний документ, написаний у форматі HTML, який можна переглядати за допомогою браузера.
10
4 з 99 балів
Встановіть відповідність між зображеннями (описами) і поняттями (CSS):
1
CSS позиціонування елементів веб-сторінки
А
варіанти розміщення: Static, Relative, Absolute, Fixed.
2
Способи додавання CSS до веб-сторінки
Б
схема, що містить margin, border, padding та фактичний вміст (content).
3
Специфічність CSS селекторів
В
схема поділу на вбудований (inline), внутрішній (internal) та зовнішній (external) CSS.
4
Блочна модель CSS
Г
алгоритм обчислення ваги (тисячі, сотні, десятки, одиниці).
11
3 з 99 балів
Встановіть відповідність між поняттями (CSS властивості тексту):
1
text-align
А
визначає горизонтальне вирівнювання тексту в елементі (left, right, center, justify).
2
text-transform
Б
визначає трансформацію тексту (ВЕЛИКИМИ, малими або Кожне Слово З Великої Літери).
3
font-weight
В
встановлює товщину/жирність шрифта (bold, normal, 100-900).
12
3 з 99 балів
Встановіть відповідність між поняттями (Flexbox):
1
Flex елемент
А
модуль в CSS3, який визначає особливий режим компонування елементів у рядки чи стовпці та розподілу простору між ними
2
Flex контейнер
Б
батьківський елемент (display: flex), що вмикає flex контекст для всіх своїх прямих дочірніх елементів.
3
CSS Flexbox
В
будь-який прямий дочірній елемент, що міститься всередині flex контейнера.
13
3 з 99 балів
Встановіть відповідність між описом зображень і значеннями CSS властивостей (Flexbox):
1
align-items: baseline
А
елементи вирівнюються за їх базовою лінією тексту.
2
flex-direction: row
Б
елементи вибудовуються в одну лінію вздовж головної осі зліва направо.
3
justify-content: space-between
В
елементи рівномірно розподіляються вздовж головної осі, крайні елементи притиснуті до країв контейнера.
14
4 з 99 балів
Встановіть відповідність між поняттями для опису механізму наслідування в дереві HTML:
1
Братський елемент
А
елемент, який стоїть вище на один рівень відносно того елемента, який розглядається.
2
Потомок
Б
елемент, розміщений на одному рівні поруч з елементом, який розглядається.
3
Дитина
В
породжений елемент, який розміщено всередині якогось елемента.
4
Батько
Г
елемент, який стоїть на один рівень нижче елемента, який зараз розглядається.
15
4 з 99 балів
Встановіть відповідність між назвою глобального атрибута HTML та його призначенням:
1
draggable
А
визначає, можна чи ні показувати вміст HTML-елемента.
2
style
Б
визначає inline стилі для елемента.
3
hidden
В
визначає, чи може вміст HTML-елемента бути змінюваним.
4
contenteditable
Г
визначає, чи може вміст елемента бути пересунутим.
16
3 з 99 балів
Встановіть відповідність між типом полів вебформи та їх описом:
1
Чекбокс з написом JavaScript
А
<input type="range">.
2
Поле вибору часу
Б
<input type="checkbox">.
3
Повзунок (вибір діапазону чисел 5-20)
В
<input type="time">
17
4 з 99 балів
Встановіть відповідність між поняттями, що описують ключові особливості DOM:
1
Динамічне оновлення
А
DOM представляє документ у вигляді дерева об'єктів, де кожен вузол відповідає елементу.
2
Мовонезалежність
Б
кожен елемент чи атрибут представлені як об'єкт з властивостями і методами.
3
Дерево об'єктів
В
можливість динамічно змінювати структуру та вміст документа за допомогою скриптів.
4
Об'єктні вузли
Г
DOM є міжплатформним і може бути реалізований з використанням різних мов програмування
18
1 з 99 балів
Взаємодія пристроїв в Інтернет здійснюється за схемою «_________»
19
1 з 99 балів
_________ – це унікальна числова адреса кожного пристрою в Інтернеті
20
1 з 99 балів
_________ сервер перетворює зрозумілі для людей текстові адреси сайтів у їхні IP-адреси
21
1 з 99 балів
Властивість CSS, яка використовується для зміни поведінки елементів у нормальному потоці (має значення block, inline, none) – це
22
1 з 99 балів
Впишіть пропущене слово: У HTML для створення випадаючого списку у веб-формі використовується парний тег _________
23
1 з 99 балів
CSS властивість, яка дозволяє об'єднати межі (рамки) комірок таблиці в одну лінію, називається border-_________
24
1 з 99 балів
_________ – це найдрібніша одиниця цифрового зображення в растровій графіці, що являє собою неподільний об'єкт прямокутної форми.
25
1 з 99 балів
Модуль в CSS3, який оптимізований для двовимірних шаблонів і дозволяє створювати макети з рядків і стовпців, називається CSS _________.
26
1 з 99 балів
Спеціально призначена функція у JavaScript, яка викликається у відповідь на певну дію користувача (наприклад, клік), називається _________ події
27
1 з 99 балів
Для відключення валідації всієї HTML форми використовується атрибут _________
28
4 з 99 балів
Встановіть відповідність між форматом зображення та його характеристикою:
1
SVG
А
Векторний формат на базі XML, масштабується без втрати якості.
2
GIF
Б
Підтримує анімацію та має обмежену палітру до 256 кольорів.
3
JPG
В
Використовує стиснення без втрат, підтримує напівпрозорість.
4
PNG
Г
Використовує стиснення з втратою якості; підходить для фото.
29
4 з 99 балів
Встановіть відповідність між значенням властивості CSS position та його описом:
1
static
А
Елемент розташовується відносно до свого нормального положення.
2
relative
Б
Елемент розташовується відносно найближчого позиціонованого предка
3
fixed
В
Елемент розташовується відповідно до нормального потоку (за замовчуванням).
4
absolute
Г
Елемент розташовується відносно вікна перегляду (viewport) і не прокручується.
30
4 з 99 балів
Встановіть відповідність між атрибутами тегу <video> та їх призначенням:
1
muted
А
Відео почне відтворюватися щойно завантажиться.
2
controls
Б
Відео почнеться заново після його завершення.
3
autoplay
В
Відображає елементи керування (плей, пауза, гучність).
4
loop
Г
Аудіо доріжка відео буде вимкнена за замовчуванням.
31
4 з 99 балів
Встановіть відповідність між типами шрифтів (веб-шрифтів) та їх особливостями:
1
Cursive
А
Шрифти із засічками, краще підходять для довгих друкованих текстів.
2
Sans-Serif
Б
Моноширинні шрифти, де кожен символ займає фіксовану ширину.
3
Monospace
В
Шрифти, що імітують рукописне або каліграфічне письмо.
4
Serif
Г
Шрифти без засічок, добре розбірливі на екранах моніторів.
32
4 з 99 балів
Встановіть відповідність між значенням атрибута type тегу <input> та елементом форми:
1
password
А
Перемикач, де можна вибрати лише один варіант із групи.
2
submit
Б
Поле для вибору файлу з комп'ютера
3
file
В
Текстове поле, де символи приховані (зазвичай зірочками).
4
radio
Г
Кнопка відправки даних форми на сервер.
33
4 з 99 балів
Встановіть відповідність між властивостями CSS Grid та їх призначенням:
1
row-gap
А
Задає проміжок (відстань) між рядками.
2
grid-template-rows
Б
Задає проміжок (відстань) між стовпцями.
3
grid-template-columns
В
Визначає кількість та висоту рядків сітки
4
column-gap
Г
Визначає кількість та ширину стовпців сітки.
34
4 з 99 балів
Встановіть відповідність між методами вибору елементів DOM у JavaScript:
1
getElementById()
А
Пошук першого елемента, що відповідає вказаному CSS-селектору.
2
getElementsByClassName()
Б
Пошук одного елемента за його унікальним ідентифікатором.
3
querySelector()
В
Пошук колекції елементів за назвою класу.
4
getElementsByTagName()
Г
Пошук колекції елементів за назвою тегу.
35
4 з 99 балів
Встановіть відповідність між подіями JavaScript та їхніми категоріями:
1
keydown
А
Подія інтерфейсу.
2
load
Б
Подія клавіатури
3
submit
В
Подія форми
4
mouseover
Г
Подія миші.
36
4 з 99 балів
Встановіть відповідність між властивостями CSS Flexbox для flex-елементів та їх описом:
1
flex-shrink
А
Визначає коефіцієнт стиснення (зменшення) елемента.
2
flex-grow
Б
Перевизначає вирівнювання для конкретного окремого елемента (замість align-items).
3
align-self
В
Визначає початковий базовий розмір елемента вздовж головної осі.
4
flex-basis
Г
Визначає коефіцієнт збільшення елемента відносно інших.
37
3 з 99 балів
Встановіть відповідність між типами підключення JavaScript та їх описом:
1
Вбудований (inline) JS
А
Код записується прямо в HTML теги як обробник подій (наприклад, onclick="").
2
Внутрішній JS
Б
Код знаходиться в окремому файлі .js і підключається через <script src="...">.
3
Зовнішній JS
В
Код розміщується всередині тегу <script> на самій сторінці.
Рефлексія від 0 учнів
Сподобався:
0
Так: 0
Ні: 0
Зрозумілий:
0
Так: 0
Ні: 0
Потрібні роз'яснення:
0
Ні: 0
Так: 0