wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Last exam Quiz

Total questions: 46

Worksheet time: 27mins

Name
Class
Date
1.

Какой тег используется для вставки изображения на веб-страницу?

a)

pic

b)

img

c)

src

d)

image

2.

Какое свойство CSS отвечает за изменение размера шрифта?

a)

text-size

b)

font-size

c)

size

d)

font-style

3.

Какой атрибут у тега <a> используется для открытия ссылки в новой вкладке?

a)

href="_blank"

b)

open="new"

c)

target="_blank"

d)

link="new"

4.

Какое значение свойства position делает элемент относительным к своему обычному месту?

a)

static

b)

absolute

c)

relative

d)

fixed

5.

Какой тег используется для создания абзаца текста?

a)

h1

b)

p

c)

span

d)

div

6.

Какой селектор выберет элемент с идентификатором main?

a)

.main

b)

main

c)

#main

d)

[main]

7.

Какое значение свойства text-align выровняет текст по центру?

a)

left

b)

center

c)

justify

d)

right

8.

Как правильно вставить комментарий в HTML?

a)

<!-- комментарий -->

b)

// комментарий

c)
  • /* комментарий */

d)

комментарий

9.

Какой тег используется для создания строки в таблице?

a)

tr

b)

td

c)

table

d)

th

10.

Какое CSS свойство используется для установки внутреннего отступа элемента?

a)

margin

b)

border

c)

padding

d)

spacing

11.

Какой атрибут нужен для обязательного заполнения поля формы?

a)

required

b)

mandatory

c)

obligatory

d)

validate

12.

Какой HTML-тег используется для создания выпадающего списка опций?

a)

list

b)

dropdown

c)

select

d)

option

13.

Что такое "семантическая верстка"?

a)

Использование только <div>

b)

Использование тегов по их смыслу

c)

Минимизация кода

d)

Анимация элементов

14.

Какой тег создает ненумерованный список?

a)

ol

b)

list

c)

li

d)

ul

15.

Что делает свойство overflow: hidden; в CSS?

a)

Прячет текст

b)

Прячет выходящий за границы контент

c)

Удаляет элемент

d)

Увеличивает отступы

16.

Как правильно вставить внешнюю таблицу стилей в HTML-документ?

a)

<css src="style.css">

b)

<stylesheet href="style.css">

c)

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

d)

<style src="style.css">

17.

Какой цвет будет у "Текст 2"?

(a)  

18.

Какой размер шрифта будет у слова "Hello"?

(a)  

19.

Какого цвета будет цифра "2"?

(a)  

20.

Как изменится цвет квадрата при наведении мыши?

(a)  

21.

Что будет показано на странице?

(a)  

22.

Будет ли слово "Привет" занимать место на странице?

(a)  

23.

Какой элемент будет расположен выше — с фоном blue или green?

(a)  

24.

Что делает медиазапрос @media (max-width: 600px)?

a)

Применяет стили, если ширина экрана больше 600px

b)

Применяет стили всегда

c)

Применяет стили, если ширина экрана меньше или равна 600px

d)

Применяет стили только на мобильных устройствах

25.

Какой тег используется для вставки видео на веб-страницу?

a)

vid

b)

media

c)

video

d)

movie

26.

Что делает свойство box-shadow?

a)

Добавляет внутреннюю тень элементу

b)

Добавляет внешнюю тень элементу

c)

Изменяет фон элемента

d)

Делает текст жирным

27.

Как правильно задать текстовую тень в CSS?

a)

text-shadow: 2px 2px 5px black;

b)

shadow-text: 5px black;

c)

font-shadow: black;

d)

text-style: shadow black

28.

Какое свойство отвечает за управление порядком перекрытия элементов?

a)

z-index

b)

order

c)

position

d)

display

29.

Какой атрибут позволяет видео начать воспроизводиться автоматически?

a)

loop

b)

autoplay

c)

controls

d)

start

30.

Какой правильный синтаксис медиазапроса для устройств шириной от 768px и выше?

a)

@media screen and (width > 768px)

b)

@media (min-width: 768px)

c)

@media (max-width: 768px)

d)

@media device-width: 768px

31.

Как добавить к видео стандартные кнопки управления (пауза, звук, перемотка)?

a)

Добавить атрибут controller

b)

Добавить атрибут options

c)

Добавить атрибут controls

d)

Добавить атрибут buttons

32.

Что произойдет, если задать position: absolute; без родительского position: relative;?

a)

Элемент будет позиционироваться относительно страницы

b)

Элемент исчезнет

c)

Элемент будет двигаться произвольно

d)

Элемент будет следовать за мышкой

33.

Что делает свойство align-items: stretch; в Flexbox?

a)

Выравнивает элементы по центру вертикально

b)

Растягивает элементы на всю доступную высоту контейнера

c)

Выравнивает элементы по нижнему краю

d)

Сжимает элементы до минимального размера

34.

Как в CSS Grid задать, чтобы колонка занимала 2 части, а соседняя колонка — 1 часть ширины?

a)

grid-template-columns: 1fr 2fr;

b)

grid-template-columns: 2fr 1fr;

c)

grid-template-rows: 1fr 2fr;

d)

grid-columns: 2fr 1fr;

35.

Какое свойство отвечает за прозрачность всего элемента и его содержимого?

a)

opacity

b)

visibility

c)

display

d)

z-index

36.

Какой атрибут используется для указания изображения, которое будет отображаться в качестве фавикона сайта?

a)

meta

b)

link

c)

image

d)

favicon

37.

Какое свойство используется для управления пространством между строками текста в CSS?

a)

line-height

b)

letter-spacing

c)

text-align

d)

text-spacing

38.

Какое значение display используется для создания гибкой сетки в CSS?

a)

display: block;

b)

display: flex;

c)

display: inline;

d)

display: grid;

39.

Какой элемент в HTML используется для выделения важного текста?

a)

strong

b)

b

c)

em

d)

mark

40.

Какой стиль нужно применить, чтобы элемент с position: absolute; не выходил за пределы его родителя с position: relative;?

a)

overflow: hidden;

b)

position: relative;

c)

z-index: 1;

d)

padding: 10px;

41.

Что такое React?

a)

Язык программирования

b)

Библиотека JavaScript для создания пользовательских интерфейсов

c)

База данных

d)

Серверный фреймворк

42.

Что такое компонент в React?

a)

CSS файл

b)

Повторно используемая часть интерфейса

c)

SQL запрос

d)

API сервер

43.

Что используется для управления состоянием в React?

a)

useState

b)

useEffect

c)

useRef

d)

useHtml

44.

Какой метод используется для рендеринга списка в React?

a)

forEach()

b)

filter()

c)

map()

d)

reduce()

45.

Что такое Express.js?

a)

Библиотека для React

b)

Фреймворк для Node.js для создания серверов

c)

База данных

d)

CSS библиотека

46.

Как создать сервер с Express?

a)

express.start()

b)

express.createServer()

c)

app.listen()

d)

server.run()