Іспит по курсу HTML&CSS

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

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

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

<header>

<h>

<h1>

<heading>

Запитання 2

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

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

створити абзац

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

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

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

Запитання 3

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

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

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

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

створення абзацу

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

створення не впорядкованого списку (маркованого списку)

створення впорядкованого списку (нумерованого списку)

Запитання 5

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

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

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

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

bg-color

color-background

background-color

color

Запитання 7

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

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

margin: 10px;

spacing: 10px;

padding: 10px;

border: 10px;

Запитання 8

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

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

визначає товщину шрифту

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

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

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

Запитання 9

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

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

shape: circle;

border-shape: circle;

border-radius: 50%;

circle: true;

border-radius: 50px;

Запитання 10

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

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

horizontal-align: center;

font-align: center;

text-center: true;

text-align: center;

Запитання 11

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

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

shadow: 2px 2px 5px 3px #888888;

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

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

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

Запитання 12

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

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

змінює колір тексту

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

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

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

Запитання 13

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

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

block-width: 100px;

width: 100px;

size: 100px;

box-width: 100px;

Запитання 14

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

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

встановлює стиль блоку

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

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

встановлює висоту блоку

Запитання 15

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

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

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

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

<paragraph>

<p>

<a>

<section>

Запитання 17

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

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

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

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

З яких основних тегів складається початкова розмітка?

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

DOCTYPE, html, head, body

DOCTYPE, title, head, body

DOCTYPE, head, title, body

DOCTYPE, html, title, body

Запитання 20

Який запис правильний для додавання зображення на сторінці?

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

background-picture: path(‘...’)

background-image: src(‘...’)

background-picture: url(‘...’)

background-image: url(‘...’)

Запитання 21

Якою властивістю розташовується картинка в блоці?

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

background-place

background-top-left

background-position

background-road

Запитання 22

Для створення кількох рядів, використовуючи flexbox потрібно:

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

прописати flex-rows та цифру

прописати flex-wrap зі значенням wrap

нічого, елементи самі вибудовуватимуться

вказати flex-columns і скільки колонок буде в рядах

Запитання 23

Якими способами можна підключити стилі?

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

теги: css, style та атрибут model

теги: link, styles, view

теги: style, link та атрибут style

теги: meta, style, css

Запитання 24

В якому напрямку основний потік за замовчуванням у Flexbox?

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

згори донизу

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

знизу догори

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

Запитання 25

Яке значення не існує у background-attachment?

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

fixed

scroll

local

absolute

Запитання 26

Які з тегів відповідають наступній конструкції: перші два – блокові і наступні два – рядкові?

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

h1, p, strong, em

h1, h2, p, em

h2, b, p, i

b, p, i, em

Запитання 27

Для зміни напрямку основного потоку flexbox використовується властивість:

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

flex-direction

flex-stream

flex-way

flex-road

Запитання 28

У якого елемента за замовчуванням прописано text-decoration: underline;?

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

p

a 

b

span

Запитання 29

Властивістю border стилізуємо межі елемента, вказуючи

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

відступ лінії від елемента та колір

колір та товщину ліній

округлення країв та ширину ліній

тип, ширину та колір лінії

Запитання 30

Конструкція коментаря у html?

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

”-- --”

<!-- -->

*!-- --*

#!-- --#

Запитання 31

Властивості width та height у якого тегу не спрацюють?

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

p

div

span

h1

Запитання 32

Які сторони ми можемо вказувати властивості margin?

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

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

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

чотири сторони: верх, низ, ліво, право

краї навскоси (верхній правий кут тощо)

Запитання 33

У якому варіанті є тег, що не існує в структурі таблиці?

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

table, tbody, td

table, tr, td

table, thead, tr

table, tn, th

Запитання 34

Яку конструкцію має тег?

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

/tag/ /tag/

#tag# #/tag#

<tag> </tag>

(tag) (/tag)

Запитання 35

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

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

spacing: letters 2px;

text-spacing: 2px;

letter-spacing: 2px;

char-spacing: 2px;

Запитання 36

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

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

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

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

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

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

Запитання 37

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

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

Визначає колір тексту

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

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

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

Запитання 38

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

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

corner-radius: 10px;

border-corner: 10px;

rounded-corners: 10px;

 border-radius: 10px;

Запитання 39

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

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

Визначає відстань між буквами

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

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

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

Запитання 40

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

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

.txt или .doc

.html или .htm

.doc

.php или .asp

Запитання 41

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

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

<line>

<hr>

<divider>

<line-break>

Запитання 42

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

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

size: 16px;

font-size: 16px;

text-size: 16px;

text-font: 16px;

Запитання 43

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

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

<h1>

<h2>

<h3>

<h4>

Запитання 44

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

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

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

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

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

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

Запитання 45

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

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

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

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

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

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

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

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