wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Сайти повторення М1 та М2

Total questions: 9

Worksheet time: 14mins

Name
Class
Date
1.

Встанови відповідність між назвою тега та призначенням частини html сторінки

a)

<header>

1.

для відображення логотипу, назви сайту

b)

<nav>

2.

для меню сайту

c)

<body>

3.

для відображення всієї видимої частини

d)

<head>

4.

для налаштування -стилі, назва вкладки

e)

<link>

5.

для підключення файлу зі стилями

2.

Розстав теги у html-скелеті

3.

Тег для підключення стилів

<___ ___ ___ ___ ___ />

a)

link

b)

rel =

c)

"stylesheet"

d)

href =

e)

"style.css"

1)
2)
3)
4)
5)
4.

Відсортуй селектори

Categorize the following
селектор за тегом
селектор за класом
контексний селектор
селектор для декількох тегів
5.

Встановить селектори за пріорітетом - від більшого до меншого

a)

.text{

    color:red;

}

b)

header p{

    color: green;

}

c)

p{

    color: yellow;

}

d)

header{

    color: blue;

}

1)
2)
3)
4)
6.

Якого кольору буде текст

a)
red
b)

green

c)

blue

d)

yellow

7.

Встановіть назву відповідності та призначення

a)

закруглення кутів

1.

border-radius: 15px;

b)

рамка

2.

border: 3px solid red;

c)

прибрати нижнє підкреслення

3.

text-decoration: none;

d)

орієнтація тексту по центру

4.

text-align:center;

e)

колір фону

5.

background-color: red;

8.
Question Image

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

a)

1.

зелений

b)

2.

жовтий

c)

3.

червоний

d)

4.

чорний

e)

5.

синій

9.

Знайдіть відповідні стилі

a)

b)

c)

d)

e)