wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

СSS (основи) + HTML

Total questions: 47

Worksheet time: 35mins

Name
Class
Date
1.

Як розшифровується "HTML"

a)
HyperText Markup Linguage
b)
HyperText Markup Linguistics
c)
HyperText Markup Language
d)
HyperText Markup Linguistics
2.

CSS використовується для ...

a)

Додавання елементів на веб-сторінку

b)

Анімації елементів веб-сторінки

c)

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

d)

Додавання посилань на веб-сторінку

3.

Чим відрізняються <span> та <div>?

a)

Нічим

b)

<span> - блоковий контейнер, а <div> - малий

c)

<div> - блоковий контейнер, а <span> - малий

d)

<div> використовується для тексту, а <span> для картинок

4.

Вибери правильну структуру CSS стилю з селектором за тегом

a)

.class{

color: green;

}

b)

<a>{

color: green;

}

c)

a{

color: green

background-color: red;

}

d)

a{

color: green;

background-color: red;

}

5.

Які окремі властивості фону представлені у скороченому прикладі на малюнку (нижче)?

a)

b)

c)

d)

6.

Яка властивість дозволяє помістити зображення за будь-яким НТМL-елементом (як фонове зображення)

a)

background-image

b)

background-color

c)

background-size

d)

background-position

7.

Яка властивість css дозволяє закруглювати кути блоків

a)

border-circle

b)

border

c)

border-radius

d)

border-image

8.

Какое свойство определя­ет интервал между блоками (внешние отступы)

a)

margin

b)

padding

c)

position

d)

width

9.

Какое свойство по­зволяет указать, сколько места между содержимым элемента и его границами (внутренние отступы).

a)

margin

b)

width

c)

padding-width

d)

padding

10.

Какое свойство отвечает за высоту блока

a)

width

b)

heights

c)

height

d)

postion

11.

Какое свойство отвечает за ширину блока

a)

width

b)

height

c)

size

d)

div

12.

Какое свойство

позволяет форматировать шрифт текста полужирным начертанием

a)

font-weight

b)

font-bold

c)

font-style

d)

font-size

13.

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

a)

size

b)

font-weight

c)

font-size

d)

font-grow

14.

Какое свойство стилей задает цвет шрифта?

a)

font-color

b)

font

c)

color

d)

colorful

15.

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

a)

transparency

b)

opacity

c)

text

d)

invisible

16.

Сколько существует способов добавления стили на сайт?

a)

1

b)

2

c)

3

d)

4

17.

В какой тег добавляются внутренние стили в html-документе ?

a)

В <body>

b)

В тег <style> в <header>

c)

<footer>

d)

В тег <style> в <head>

18.

Как подключить внешние стили (например style.css) к html-документу

a)

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

b)

<img rel="stylesheet" type="text/css" src="style.css">

c)

<link rel="stylesheet" type="text/css">

d)

<css rel="stylesheet" type="text/css" href="style.css">

19.

Как правильно добавлять картинку на страницу? (image.png)

a)

<img src="image" alt="альтернативный текст">

b)

<img>

c)

<img link="image.png" >

d)

<img src="image.png" alt="альтернативный текст">

20.

В каком варианте правильно записан код кнопки отправки формы?

a)

<input type="submit">

b)

<button>

c)

<input type="text">

d)

<input type="Готово">

21.

В каком варианте правильно написан код флажков (поле с галочкой)?

a)

<input type="checkbox">

b)

<input type="radio">

c)

<input type="check">

d)

<input type="url">

22.

В каком варианте правильно записан код текстового поля

a)

<input type="tel">

b)

<input type="password">

c)

<input type="text">

d)

<input text>

23.

Тег области, в которую можно вводить несколько строк текста

a)

<textarea>

b)

<input>

c)

<form>

d)

<text>

24.

Какой тег устанавливает форму на страницу?

a)

<form>

b)

<input>

c)

<select>

d)

<textarea>

25.

Язык предназначенный для определения структуры и оформления web-страниц (язык разметка гипертекста)- это

a)

Phyton

b)

HTML

c)

Java

d)

Pascal

26.

Как расшифровывается аббревиатура CSS?

a)

Colorful Style Sheets

b)

Cascading Style Sheets

c)

Computer Style Sheets

d)

Creative Style Sheets

27.

Что такое стиль?

a)

Способ сокращения HTML кода за счет переноса части данных в другой файл

b)

Язык разметки гипертекста

c)

Набор правил форматирования элементов web-страницы

d)

Технология, представляющая собой разные приемы верстки HTML кода

28.

Как изменить цвет фона для всех элементов h1 на странице?

a)

h1 {background-color: #ccc;}

b)

h1[all] {background-color: #ccc;}

c)

h1.all {background-color: #ccc;}

d)

h1:all {background-color: #ccc;}

29.

Где верно прописан селектор для тега ниже?

<div id="test">Text</div>

a)

.test {}

b)

div.test {}

c)

#test {}

d)

* {}

30.

Cелектор (*) позволяет обратиться к каждому элементу веб-страницы

a)

Верно

b)

Не верно

31.

Чтобы выровнять текст по правому краю, мы должны задать значение text-align: (a)  

32.

Розширення файлу з класами каскадних таблиць стилів має бути таким:

a)

/cms

b)

css.

c)

.css

d)

.ccs

33.

Які на вашу думку CSS властивості використані у заголовку сайта (виявлення чернечого діаманта)?

a)

text-align: center;

b)

text-align: left;

c)

font-size: 5pt

d)

font-size: 35pt

e)

height: 100px;

34.

Яка властивість визначає вирівнювання тексту?

a)

text-style

b)

text-align

c)

font-style

d)

font-align

35.

10. Як звернутись до елемента по класу?

a)

test

b)

#test

c)

.test

d)

*test

36.
<!--ЧТО ЭТО за ТЕГ? -->
a)
ссылка в виде картинки
b)
тег вставки изображения
c)
тег комментария на веб-странице
d)
тег ссылки
37.
<!DOCTYPE html>.
a)
конструкция, указывающая версию языка HTML
b)
тег вставки изображения
c)
тег комментария на веб-странице
d)
тег ссылки
38.

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

a)

Используя класс

b)

Используя id

c)

Никак

39.

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

a)

Селектор

b)

Свойство

c)

Тег

d)

Атрибут

40.

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

a)

Селектор

b)

Свойство

c)

Тег

d)

Атрибут

41.

Как называется тег отвечающий за подвал сайта?

a)

head

b)

footer

c)

main

d)

header

42.

Как называется тег отвечающий за основную часть сайта?

a)

head

b)

footer

c)

main

d)

header

43.

Как называется тег отвечающий за шапку сайта?

a)

head

b)

footer

c)

main

d)

header

44.

Какие два важных тега отвечают за НАСТРОЙКИ и ДИЗАЙН страницы?

a)

header, main

b)

head, body

c)

brain, body

d)

head, main

45.

Какой тег отвечает за перенос на новую строку?

a)

bottom

b)

line

c)

br

d)

new

46.

Найдите ошибку:

p, h1{color: red;

text-align:}

a)

слово red должно быть написано с помощью кода

b)

двоеточие после text-align

c)

скобки должны быть квадратными

d)

теги можно не отделять запятой

47.

Что означает данный код:

<style>

h1{color: green;

font-style: italic;}

</style>

a)

заголовок зеленый

b)

заголовок зеленый курсив

c)

заголовок зеленый полужирный

d)

заголовое зеленый пятого уровня