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

Тестування HTML та CSS:

Інформатика 11 клас 40 запитань
Додано
1 грудня 2023
Предмет
Інформатика, 11 клас
Тест виконано
101 раз

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

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

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

40 запитань

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

Як правильно визначити заголовок першого рівня в HTML?

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

  • <h>

  • <h1>

  • <heading>

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

Що означає тег <a> в HTML?

варіанти відповідей
  • створити абзац

  • створити параграф

  • створити посилання

  • додати картинку

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

Як правильно вставити зображення в HTML?

варіанти відповідей
  • <img src="image.jpg" alt="My Image">

  • <picture src="image.jpg" alt="My Image">

  • <image source="image.jpg" text="My Image">

  • <img alt="My Image">image.jpg</img>

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

Що означає тег <ul> в HTML?

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

  • створення лінії

  • створення не впорядкованого списку

  • створення впорядкованого списку

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

Як створити таблицю в HTML?

варіанти відповідей
  • <table><row><column></column></row></table>

  • <tr><td></td></tr>

  • <table><tr><td></td></tr></table>

  • <row><column></column></row>

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

Як визначити колір фону в CSS?

варіанти відповідей
  • background-color

  • color-background

  • bg-color

  • color

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

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

варіанти відповідей
  • margin: 10px;

  • spacing: 10px;

  • padding: 10px;

  • border: 10px;

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

Що робить властивість font-weight в CSS?

варіанти відповідей
  • визначає товщину шрифту

  • змінює колір шрифту

  • визначає стиль шрифту

  • встановлює розташування тексту

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

Як створити кругову форму в CSS?

варіанти відповідей
  • shape: circle;

  • border-shape: circle;

  • border-radius: 50%;

  • circle: true;

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

Як вирівняти текст по центру горизонталі в CSS?

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

  • align: center;

  • text-center: true;

  • text-align: center;

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

Як додати тінь до блоку в CSS?

варіанти відповідей
  • shadow: 2px 2px 5px #888888;

  • box-shadow: 2px 2px 5px #888888;

  • text-shadow: 2px 2px 5px #888888;

  • block-shadow: 2px 2px 5px #888888;

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

Що робить z-index в CSS?

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

  • встановлює відступи тексту

  • змінює ширину блоку

  • визначає порядок відображення елементів

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

Як визначити ширину блоку в CSS?

варіанти відповідей
  • block-width: 100px;

  • width: 100px;

  • size: 100px;

  • box-width: 100px;

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

Що означає display: flex; в CSS?

варіанти відповідей
  • встановлює стиль блоку

  • змінює ширину блоку

  • визначає тип блоку

  • встановлює блоки в гнучкому контейнері

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

Як визначити кількість стовпців у CSS Grid?

варіанти відповідей
  • grid-columns: 3;

  • columns: 3;

  • grid-template-columns: 1fr 1fr 1fr;

  • grid: 3;

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

Як визначити фонове зображення в CSS?

варіанти відповідей
  • background-image: url('image.jpg');

  • image: background('image.jpg');

  • image-background: url('image.jpg');

  • image: url('image.jpg');

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

Як правильно визначити абзац в HTML?

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

  • <p>

  • <a>

  • <section>

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

Як визначити шрифт в CSS?

варіанти відповідей
  • font-family: 'Arial', sans-serif;

  • text-font: 'Arial', sans-serif;

  • typeface: 'Arial', sans-serif;

  • font-type: 'Arial', sans-serif;

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

Як визначити стиль рамки в CSS?

варіанти відповідей
  • border: 1px solid #000;

  • frame-style: solid 1px #000;

  • outline: 1px solid #000;

  • border-style: 1px solid #000;

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

Як визначити прозорість елемента в CSS?

варіанти відповідей
  • transparency: 0.5;

  • opacity: 0.5;

  • transparent: 0.5;

  • visible: 0.5;

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

Як визначити відстань між буквами в CSS?

варіанти відповідей
  • spacing: letters 2px;

  • text-spacing: 2px;

  • letter-spacing: 2px;

  • char-spacing: 2px;

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

Що робить position: relative; в CSS?

варіанти відповідей
  • Визначає відстань між елементами

  • Робить елемент невидимим

  • Встановлює відносний розташування відносно попереднього елемента

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

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

Що робить атрибут colspan в тегу <td>?

варіанти відповідей
  • Визначає колір тексту

  • Об'єднує комірки в горизонтальному напрямку

  • Змінює розмір шрифту

  • Забороняє виводити рамку навколо комірки

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

Як додати закруглення кутів для блоку в CSS?

варіанти відповідей
  • corner-radius: 10px;

  • border-corner: 10px;

  • rounded-corners: 10px;

  • border-radius: 10px;

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

Що робить властивість word-spacing в CSS?

варіанти відповідей
  • Визначає відстань між буквами

  • Визначає відстань між словами

  • Визначає відстань між рядками

  • Змінює ширину текстового блоку

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

Яке розширення має бути у HTML документа?

варіанти відповідей
  • .txt или .doc

  • .html или .htm

  • .doc

  • .php или .asp

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

Як створити горизонтальну лінію в HTML?

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

  • <hr>

  • <divider>

  • <line-break>

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

Як вставити коментар в HTML?

варіанти відповідей
  • <comment>This is a comment</comment>

  • /* This is a comment */

  • // This is a comment

  • <!-- This is a comment -->

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

Як змінити розмір тексту в CSS?

варіанти відповідей
  • size: 16px;

  • font-size: 16px;

  • text-size: 16px;

  • text-font: 16px;

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

Як правильно визначити заголовок другого рівня в HTML?

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

  • <h2>

  • <h3>

  • <h4>

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

Що означає тег <em> в HTML?

варіанти відповідей
  • Виділяє текст жирним шрифтом

  • Виділяє текст підкресленням

  • Позначає важливий текст

  • Виділяє текст курсивом

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

Що означає тег <ol> в HTML?

варіанти відповідей
  • Визначає ненумерований список

  • Визначає посилання

  • Визначає нумерований список

  • Визначає картинку

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

Що робить властивість text-decoration: underline; в CSS?

варіанти відповідей
  • Робить текст жирним

  • Додає підкреслення до тексту

  • Додає тінь до тексту

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

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

Як визначити відстань між елементами Grid?

варіанти відповідей
  • grid-gap-space: 10px;

  • gap: 10px;

  • grid-space: 10px;

  • space-between: 10px;

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

Як визначити ширину стовпця у Grid контейнері?

варіанти відповідей
  • column-width: 100px;

  • grid-column-width: 100px;

  • grid-template-columns: 1fr 100px;

  • column-size: 100px;

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

Що робить властивість grid-template-areas?

варіанти відповідей
  • Визначає назви областей у Grid

  • Визначає шаблон розташування елементів у Grid за допомогою іменованих областей

  • Визначає стилізацію областей у Grid

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

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

варіанти відповідей
  • flex-justify

  • flex-flow

  • flex-align

  • flex-direction

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

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

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

  • align-content: center;

  • justify-content: center;

  • justify-items: center;

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

Як вирівняти елементи у Flex контейнері по центру поперечної вісі?

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

  • align-items: center;

  • align-content: center;

  • justify-items: center;

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

Як визначити порядок елементів у Flex контейнері?

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

  • order: 2;

  • flex-order: 2;

  • flex-flow: reverse;

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

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