HTML_Блочні_Елементи

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

Вкажіть вірні твердження про блочний елемент

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

займає всю доступну ширину екрана

висота залежить від контента

ширина залежить від контента

Запитання 2

Блочні елементи розташовуються

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

зверху вниз

зліва направо

Запитання 3

Інлайн елементи розташовуються

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

зверху вниз

зліва направо

Запитання 4

Вкажіть блочний елемент

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

<div>

<span>

Запитання 5

Кожен блочний елемент складається з

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

4 шарів

3 шарів

2 шарів

Запитання 6

Що буде відображатися на екрані

<div id="d1"></div>


#d1 {

width: 100px;

height: 150px;

background-color: red;

}

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

прямокутник шириною 100 та висотою 150 пікселів червоного кольору

прямокутник шириною на весь екран та висотою 150 пікселів чорного кольору

прямокутник шириною 150 та висотою 100 пікселів червоного кольору

Запитання 7

px відносяться до

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

абсолютних розмірів

відносних розмірів

Запитання 8

% відносяться до

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

абсолютних розмірів

відносних розмірів

Запитання 9

Яку ширину буде мати блок з id="d2", якщо ширина вікна браузера 800px


<div id="d1">

<div id="d2"></div>

</div>


#d1 {

width: 60px;

}

#d2 {

width: 50%;

}

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

400px

30px

60px

800px

Запитання 10

Яку ширину буде мати блок з id="d2", якщо ширина вікна браузера 800px


<div id="d1">

<div id="d2"></div>

</div>


#d1 {

width: 60px;

}

#d2 {

width: 50vw;

}

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

400px

30px

60px

800px

Запитання 11

Виберіть вірне твердження


<div></div>

<div id="d2"></div>


#d2 {

margin-top: 20px;

margin-left: 5px;

}

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

другий блок буде мати відступ від першого блоку 20 пікселів та зліва 5 пікселів

перший блок буде мати відступ від другого блоку 20 пікселів та зліва 5 пікселів

Запитання 12

Для того, щоб створити пусте місце між текстом блоку (контентом) та його границею використовується

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

padding

border

margin

Запитання 13

Для створення рамки справа використовується

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

border

border-right

border-right-width, border-right-style, border-right-color

Запитання 14

Як буде виглядати блок

<div id="d1"></div>


#d1 {

width: 200px;

height: 100px;

border: 1px solid red;

border-radius: 5px;

}

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

блок шириною 200 пікселів та висотою 100 пікселів

блок шириною 200 пікселів та висотою 100 пікселів з границею червоного кольору

блок шириною 200 пікселів та висотою 100 пікселів з границею червоного кольору і скругленими кутами

Запитання 15

Для задання границі використовується

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

border

border-radius

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

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