NEW
Font size
WorksheetsТест з HTML та CSS
Total questions: 30
Worksheet time: 15mins
Який тег HTML використовується для позначення навігаційного меню?
menu
nav
aside
section
Який атрибут дозволяє відкрити посилання в новій вкладці?
open="true"
target="_new"
target="_blank"
href="_new"
Що таке семантична верстка?
Верстка з використанням тільки div
Стилізація сторінки
Використання тегів відповідно до їх змісту
Використання JavaScript для верстки
Який елемент HTML відповідає за відображення таблиці?
div
ul
table
form
Що робить тег label у формі?
Відправляє форму
Додає підпис до елемента форми
Створює поле введення
Виконує перевірку
Як задати альтернативний текст зображення?
alt="..."
desc="..."
title="..."
caption="..."
Яка структура документа HTML5 є правильною?
html head title /title /head body /body /html
html body head /head /body /html
head html body /body /html /head
html title /title body /body /html
Який тег використовується для вставки відео?
video
media
embed
player
Яке значення атрибута type у тегу input дозволяє створити перемикач?
radio
checkbox
switch
range
Який тег використовується для логічного групування елементів форми?
section
formgroup
fieldset
div
Яке правило CSS використовується для задання шрифту?
text-style
font-family
typeface
font-type
Який атрибут потрібен для підключення зовнішнього CSS?
rel="stylesheet"
type="text/css"
src="style.css"
link="style.css"
Як встановити фон червоного кольору всій сторінці?
body { color: red; }
html { background: red; }
body { background-color: red; }
page { bg: red; }
Що означає селектор div > p?
Всі p, які всередині будь-якого div
Всі p одразу після div
Всі p на сторінці
p, які є прямими нащадками div
Яке значення position дозволяє елементу бути зафіксованим при прокрутці?
relative
fixed
absolute
static
Який селектор відповідає лише за перший елемент типу?
:first-child
:first-of-type
:nth-child(1)
:only-child
Що означає z-index у CSS?
Колір тіней
Відступи по Z-осьовій координаті
Порядок накладання елементів
Розмір шрифту
Який властивості потрібно задати, щоб елемент став гнучким у Flexbox?
display: block;
display: grid;
display: flex;
flex: block;
Що означає em в CSS?
Абсолютна одиниця вимірювання
Відносна одиниця, залежна від шрифту батька
Розмір зображення
Висота елемента
Як задати закруглені кути?
corner-radius
border-curve
border-radius
round-corner
Як можна змусити елемент не виходити за межі батьківського контейнера?
overflow: scroll;
overflow: auto;
overflow: hidden;
display: none;
Який атрибут потрібен для підключення зовнішнього CSS?
rel="stylesheet"
type="text/css"
src="style.css"
link="style.css"
Яке значення display зробить елемент блочним?
inline
block
flex
inline-block
Що таке псевдоклас у CSS?
Власний клас
Умова для стилю
Ідентифікатор
JavaScript-скрипт
Для чого використовується медіазапит @media?
Вставка відео
Адаптація стилів під пристрої
Визначення фону
Робота з JavaScript
Яка властивість робить текст жирним?
text-weight
font-weight: bold;
bold: true;
font-style: strong;
Що робить text-align: center?
Центрує блок по вертикалі
Центрує текст по горизонталі
Центрує шрифт
Центрує зображення
Яка властивість CSS потрібна для анімації переходу?
animation
transition
duration
keyframes
Що означає box-sizing: border-box?
Ширина не враховує padding
Padding і border входять у ширину
Вказує розмір рамки
Задає тінь
Як зробити зображення адаптивним у CSS?
img { size: auto; }
img { width: 100%; height: auto; }
img { display: block; }
img { responsive: true; }
