wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

html+css start

Total questions: 33

Worksheet time: 17mins

Name
Class
Date
1.

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

a)

<div>

b)

<main>

c)

<body>

d)

<section>

2.

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

a)

<a>

b)

<link>

c)

<href>

d)

<connect>

3.

Какой элемент является семантическим тегом?

a)

<span>

b)

<header>

c)

<div>

d)

<font>

4.

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

a)

<group>

b)

<span>

c)

<p>

d)

<div>

5.

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

a)

<path>

b)

<navigation>

c)

<nav>

d)

<menu>

6.

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

a)

<ul>

b)

<li>

c)

<ol>

d)

<list>

7.

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

a)

<item>

b)

<li>

c)

<ul>

d)

<ol>

8.

Какое свойство изменяет цвет текста?

a)

text-color

b)

color

c)

text-style

d)

font-color

9.

Как изменить цвет фона?

a)

background-color

b)

backgroundStyle

c)

bg-color

d)

color-background

10.

Как выбрать элемент с id "box"?

a)

.box

b)

$box

c)

#box

d)

box

11.

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

a)

<style src="./style.css">

b)

<css href="./style.css">

c)

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

d)

<script src="./style.css">

12.

Какое свойство выравнивает элементы по горизонтали в flexbox?(direction: row)

a)

align-items

b)

justify-content

c)

flex-align

d)

text-align

13.

Какое свойство выравнивает элементы по вертикали в flexbox (направление: строка)?

a)

align-self

b)

justify-content

c)

vertical-align

d)

align-items

14.

Какое значение flex-direction по умолчанию?

a)

row

b)

column

c)

none

d)

horizontal

15.

Какое значение align-items выровняет элементы внизу в flexbox?

a)

верх

b)

низ

c)

flex-end

d)

вниз

16.

Какое значение позиции удаляет элемент из потока документа?

a)

относительное

b)

абсолютное

c)

статическое

d)

липкое

17.

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

a)

высота строки

b)

граница

c)

отступ

d)

рамка

18.

Какое свойство добавляет тень к элементу (div, p и т.д.)?

a)

shadow

b)

element-shadow

c)

box-shadow

d)

box-outline

19.

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

a)

:hovering

b)

hover:

c)

onhover:

d)

:hover

20.

Что выбирает li:nth-child(3)?

a)

Последний элемент

b)

Каждый третий элемент

c)

Третий элемент

d)

Нечетные элементы только

21.

Какой цветовой код для белого?

a)

#FFFFFF

b)

#000000

c)

#FF0000

d)

#00FF00

22.

Какой формат цвета CSS является правильным?

a)

color: red-255;

b)

color: rgb(255, 0, 0);

c)

color: rgba(255);

d)

color: (255,0,0);

23.

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

a)

<br>

b)

<break>

c)

<lb>

d)

<line>

24.

Какое свойство CSS управляет размером текста?

a)

font-size

b)

text-style

c)

size

d)

text-size

25.

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

a)

font-style

b)

font-weight

c)

font-family

d)

text-font

26.

Что означает HTML?

a)

ГиперПередаваемый Разметочный Язык

b)

ЖесткийТекст Манипуляция Лог

c)

ВысокиеТехнологии Современный Язык

d)

ГиперТекст Разметочный Язык

27.

Как структурирован HTML-тег?

a)

<tag></tag>

b)

<tag/>

c)

{tag}

d)

[tag][/tag]

28.

Объясните разницу между встроенными и блочными элементами

a)

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

b)

встроенные элементы начинаются с новой строки, блочные - нет

c)

встроенные элементы занимают всю ширину, блочные - нет

d)

Блочные элементы невидимы

29.

Какова разница между элементами `<p>` и `<span>`?

a)

Нет разницы, просто разные названия

b)


`<p>` предназначен для разделов, `<span>` для пробелов

c)

`<p>` является блочным элементом, `<span>` является встроенным

d)


`<p>` является встроенным, `<span>` является блочным

30.

Какова цель декларации "DOCTYPE"?

a)


Инструктирует браузер игнорировать тип документа

b)


Объявляет документ как Doctype

c)


Открывает и закрывает HTML-документ

d)

Определяет тип документа и версию HTML

31.

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

a)

<h6>

b)

<head>

c)

<heading>

d)

<h1>

32.

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

a)

отступ

b)

расстояние между границами

c)

расстояние

d)

внешний отступ

33.

Какое значение свойства 'display' делает элемент контейнером flex?

a)

grid

b)

flex

c)

block

d)

inline-block