Підсумковий тест по веб-технологіях

Тести Інформатика 11 клас Тест
Коцюрко Р. В.
Додано: 19 травня 2025
Предмет: Інформатика, 11 клас
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
30 запитань
Запитання 1

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

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

<p>

<h1>

<title>

<heading>

Запитання 2

Що означає тег <strong> у HTML?

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

Зробити текст курсивом

Надати тексту напівжирного акценту (семантично важливий)

Підкреслити текст

Вирівняти текст

Запитання 3

Який атрибут вказує шлях до зображення в тегові <img>?

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

src

href

link

path

Запитання 4

Для чого використовують атрибут alt в <img>?

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

Встановити ширину зображення

Встановити фон

Надати текст при недоступності зображення

Додати ефект

Запитання 5

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

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

<header>

<section>

<aside>

<main>

Запитання 6

Який тег означає нижню частину сторінки?

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

<bottom>

<end>

<footer>

<base>

Запитання 7

Який тег створює рядок таблиці?

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

<td>

<tr>

<th>

<table-row>

Запитання 8

Який тег створює заголовок стовпця таблиці?

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

<td>

<th>

<caption>

<thead>

Запитання 9

Який тег задає підпис таблиці?

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

<summary>

<caption>

<label>

<tablehead>

Запитання 10

Як об’єднати дві клітинки по горизонталі?

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

Атрибутом colspan

Застосувати rowspan

Задати ширину в пікселях

Обгорнути в <div>

Запитання 11

Що таке CSS?

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

Мова розмітки

Серверна мова

Мова стилів для оформлення HTML-елементів

Фреймворк для баз даних

Запитання 12

Як підключити зовнішній CSS-файл?

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

<style src="style.css">

<link rel="stylesheet" href="style.css">

<css href="style.css">

@import("style.css") у HTML-розмітці

Запитання 13

Як в CSS звернутися до елемента з id="main"?

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

.main

#main

main

id.main

Запитання 14

Як звернутись до всіх <p> елементів у CSS?

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

p

#p

.p

paragraph

Запитання 15

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

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

:clicked

:focus

:active

:hover

Запитання 16

Що робить псевдоклас :first-child?

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

Вибирає перший елемент серед дочірніх елементів батьківського елемента

Виділяє останній елемент серед дочірніх елементів батьківського елемента

Переводить перше слово тексту кожного абзацу у верхній регістр

Переводить перший символ тексту у верхній регістр

Запитання 17

Який з варіантів є правильним записом кольору в CSS?

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

color: #FF0000;

color = red;

background-color: rgb(255.0.0);

color: red()

Запитання 18

Що означає rgba(0, 0, 0, 0.5)?

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

Повністю прозорий чорний

Напівпрозорий чорний колір

Напівпрозорий червоний

Прозорий фон без кольору

Запитання 19

Який стиль має найвищий пріоритет?

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

Зовнішній стиль

Внутрішній стиль

Стиль браузера

Inline-стиль

Запитання 20

Який з елементів має найнижчу специфічність?

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

Inline-елемент

Ідентифікатор

Клас, атрибут, псевдо-клас

Елемент, псевдо-елемент

Запитання 21

Що включає блокова модель елемента в CSS?

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

Content, Padding, Border, Margin

Width, Height, Size

Text, Box, Image

Label, Div, Section

Запитання 22

Що таке margin в CSS?

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

Внутрішній відступ

Ширина рамки

Зовнішній відступ елемента

Розмір шрифту

Запитання 23

Який атрибут встановлює внутрішній відступ у CSS?

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

margin

padding

border

gap

Запитання 24

Що задає властивість width?

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

Висоту елемента

Відступ зліва

Ширину елемента

Ширину тексту

Запитання 25

Що таке border в CSS?

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

Внутрішній відступ

Зовнішній відступ

Рамка навколо елемента

Фон елемента

Запитання 26

Яке значення встановлює однаковий margin з усіх боків?

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

margin: top left right bottom;

margin: auto;

margin: 20px;

margin: 20px 0;

Запитання 27

Що встановлює display: flex?

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

Створює таблицю

Додає блок

Робить контейнер флексбоксом

Робить текст жирним

Запитання 28

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

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

align-items: center;

float: center;

justify-content: center;

text-align: center;

Запитання 29

Як у флексбоксі розмістити елементи вертикально по центру (по поперечній осі)?

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

text-align: center;

align-items: center;

justify-content: space-around;

float: center;

Запитання 30

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

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

flex-direction: column;

flex-wrap: wrap;

wrap-content: true;

flex-grow: auto;

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

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