Підсумковий тест "Веб-технології"

Додано: 15 серпня 2021
Предмет: Інформатика, 11 клас
20 запитань
Запитання 1

В документі послідовно розташовані два блокових елементи. Вони йдуть один під одним. Верхньому елементу задали CSS властивість margin-bottom: 5px, а нижньому - margin: 15px.

Який буде відступ між елементами?

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

5px

10px

15px

20px

Запитання 2

Вміст блокового елементу перевищує розміри самого елементу. Для того, щоб він обрізався без появи полоси прокрутки, можна задати CSS властивість

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

display: block

cut: true

overflow: hidden

scroll: none

Запитання 3

В CSS маємо конструкцію “display: block”. Тут:

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

display – назва CSS властивісті, block – її значення

вся конструкція називаєтья CSS оголошення

display – атрибут тегу, block - значення атрибуту

display – селектор, block – властивість

Запитання 4

В сторінці є елемент посилання (<a>). Для того, щоб по кліку на нього нова сторінка не замінювала поточну, можна використати:

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

тег target

атрибут target

тег new

атрибут new

Запитання 5

Про інтернет та веб можна сказати

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

Веб (www) - це більш популярна назва інтернету

Інтернет з’явився раніше, ніж веб

Спрощено, інтернет – це сукупність усіх веб-сайтів

Веб - це одне з найпоширеніших застосувань інтернету

Запитання 6

Одиниці задання розмірів в CSS, які називають відносними:

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

rm

em

px

rem

rel

emx

Запитання 7

Для того, щоб деякі CSS правила застосувались лише тоді, коли сторінка вужча, ніж вказане значення, використовують

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

Медіа-запит з min-width

Медіа-запит з max-width

Медіа-запит з min-size

Медіа-запит з max-size

Селектор з псевдо-класом screen-width

Селектор з псевдо-класом screen-size

Запитання 8

Маємо код:

let person = {

firstName: "Іван",

lastName: "Ковальчук",

getFullName: function() {

}

};

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

return firstName + " " + lastName;

return this.firstName + " " + this.lastName;

return object.firstName + " " + object.lastName;

return self.firstName + " " + self.lastName;

Запитання 9

let min = 3;

let max = 6;

let x = 5;

if(min > 2 && max < 6) {

x += 1;

}

else {

x -= 1;

}

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

5

6

4

3

Запитання 10

Яке значення матиме змінна x після виконання наступного коду:

function tryChange(x) {

x = x+10;

}

let x = 1;

tryChange(x);

x++;

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

1

2

10

11

Запитання 11

Оберіть основні тренди веб-дизайну:

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

Сторітелінг

Паралакс

Мінімалізм

Сінемаграфи

Мультиграфи

Запитання 12

Адаптивність веб-сайту - це

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

здатність пристрою перевертати зображення відповідно його положення в просторі

здатність антивірусної системи гнучко реагувати на загрози в мережі

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

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

Запитання 13

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

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

налаштування посилання

налаштування тексту

налаштування абзацу

налаштування зображення

Запитання 14

Вкажіть значення тегу <title></title>


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

відображає назву параграфа

відображає назву сторінки

відображає параметри тексту

відображає технічну інформацію сайту

Запитання 15

Спеціальний параметр тегу <body> bgcolor задає

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

колір тексту

колір малюнку

колір рамки

колір фону

Запитання 16

Тег <hr size="5" width="80%"> використовують для

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

задання розмірів зображення

відступу абзацу

вертикальної лінії

горизонтальної лінії

Запитання 17

Чому дорівнює значення виразу 2+3+'4'+6?

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

2346

15

546

114

Запитання 18

Запис margin: 5px в CSS це скорочення для:

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

margin-left: 5px; margin-top: 0; margin-right: 0; margin-bottom: 0;

margin-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px;

margin-top: 5px; margin-left: 0; margin-bottom: 0; margin-right: 0;

margin-left: 5px; margin-top: 5px;

Запитання 19

Кореневим називають елемент, який

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

містить інші елементи;

знаходиться найбільш глибоко серед елементів документа;

є батьком всіх елементів на сторінці;

може мати підлеглі елементи.

Запитання 20

Варто розміщувати стилі в окремих файлах, тому що:

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

так робить більшість веб-розробників;

це дозволяє підвищити швидкість завантаження та обробки коду сторінки;

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

так зручніше працювати дизайнерам.

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

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