Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML-CSS Junior Тест 1

Total questions: 22

Worksheet time: 11mins

Name
Class
Date
1.

Для чего нужен HTML?

a)

Для структуры Javascript кода сайта

b)

Для визуального стиля сайта

c)

Для программирования функционала сайта

d)

Для структуры всего сайта

2.

Для чего нужен CSS?

a)

Для структуры HTML кода сайта

b)

Для визуального стиля сайта

c)

Для программирования функционала сайта

d)

Для структуры всего сайта

3.

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

a)

<header>

b)

<p>

c)

<h1>

d)

<div>

4.

Что делает тег <p> в HTML?

a)

Отображает картинку

b)

Создаёт абзац текста

c)

Оформляет заголовок

d)

Добавляет ссылку

5.

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

a)

href

b)

src

c)

alt

d)

link

6.

Какой тег обозначает основное содержимое страницы?

a)

<footer>

b)

<section>

c)

<main>

d)

<div>

7.

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

a)

<img>

b)

<a>

c)

<link>

d)

<input>

8.

Для чего используется атрибут id в HTML?

a)

Чтобы применить стили ко всем элементам данного типа

b)

Для уникальной идентификации одного элемента

c)

Чтобы указать путь к файлу

d)

Для добавления класса

9.

Что делает тег <input>?

a)

Показывает текст

b)

Добавляет изображение

c)

Создаёт ячейку для ввода

d)

Показывает ссылку

10.

Какой CSS-свойство отвечает за цвет текста?

a)

background-color

b)

font-color

c)

color

d)

text-color

11.

Что делает свойство background-color?

a)

Изменяет цвет текста

b)

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

c)

Устанавливает цвет рамки

d)

Делает фон прозрачным

12.

Как выровнять текст по центру с помощью CSS?

a)

text-center: center;

b)

text-align: center;

c)

align: center;

d)

center: true;

13.

Какое свойство отвечает за внутренний отступ (набивка) от границ элемента до его содержимого?

a)

margin

b)

padding

c)

border

d)

spacing

14.

Какое свойство задаёт внешний отступ между элементами?

a)

padding

b)

margin

c)

gap

d)

space-around

15.

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

a)

animation-name

b)

name-animation

c)

animation-id

d)

@name

16.

Как задать продолжительность анимации?

a)

animation-speed

b)

animation-time

c)

animation-duration

d)

duration-animation

17.

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

a)

@media

b)

@transition

c)

@keyframes

d)

@animation

18.

Что делает псевдокласс :hover?

a)

Применяется при нажатии на элемент

b)

Применяется при загрузке страницы

c)

Применяется при наведении курсора

d)

Применяется при выделении текста

19.

Какое из следующих свойств можно использовать, чтобы задать ширину элемента?

a)

padding

b)

width

c)

size

d)

length

20.

Что делает псевдокласс :active?

a)

Срабатывает, когда элемент скрыт

b)

Применяется, когда пользователь нажал на элемент

c)

Применяется после окончания анимации

d)

Работает только с изображениями

21.

Как применить CSS-стили к элементу с классом button?

a)

#button { }

b)

.button { }

c)

<button> { }

d)

*button { }

22.

Как задать высоту элемента в CSS?

a)

element-height

b)

height

c)

top

d)

size-y