wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Веб дизайн 10кл

Total questions: 37

Worksheet time: 37mins

Name
Class
Date
1.

Прізвище та ім'я

4 lines
2.

Яким тегом закінчується кожна HTML сторінка?

a)

 </head>

b)

</html>

c)

</body>

d)

</hmtl>

3.

Гіперпосилання - це...

a)

web- павутина, мережа, і site - місце, сегмент, частина в мережі) - сукупність файлів приватної особи або організації у комп’ютерній мережі, які обєднанні під однією адресою.

b)

це виділення місця на вінчестері серверу, що має цілодобове підключення до Інтернету, для розміщення сайту.

c)

це активний текст, зображення чи кнопка на веб-сторінці, натиснення на яку викликає перехід на іншу сторінку чи іншу частину поточної сторінки.

4.

За що відповідає <br>?

a)

Змінює освітленість світлини

b)

Переходить на новий ряд

c)

Змінює колір тексту

d)

Додає опис для світлини, коли курсор наводиться на неї

5.

Тег — це:

a)

код для визначення структури веб-сторінки

b)

команда у мові HTML

c)

будь-яке текстове повідомлення, що розташоване в кутових дужках

d)

програма керування виглядом текстових повідомлень та малюнків на веб-сторінці

6.

З за допомогою якого тега можна створити посилання у документі

a)

<p>

b)

 <a>

c)

<link>

7.

Що таке атрибут?

a)

Додаткова інформація, що записується біля відкриваючого тегу

b)

Команда, яка записується в кутових дужках <> для виконання браузером

c)

Мова програмування, яка використовується для створення сайтів

d)

Мова гіпертекстової розмітки документів для мережі Інтернет

8.

Який тег відповідає за встановлення на веб-сторінку зображення?

a)

<h1>...</h1>

b)

<a href="...">...<a>

c)

<img src="..."/>

9.

Тег <div> </div> ...

a)

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

b)

визначає будь-який окремий блок вмісту та призначений для поділу веб-сторінки на фрагменти

c)

призначений для зберігання вмісту веб-сторінки (контенту), що відображається у вікні браузера

10.

Що називають адаптивним дизайном сайту?

a)

Можливість відображати елементи веб-сторінки по-різному на різних пристроях.

b)

Можливість адаптувати сайт до цін на ринку.

c)

Код, що адаптується під різні версії браузеру.

d)

Красивий дизайн.

11.

Вкажіть значення тегу <title></title>

a)

відображає назву параграфа

b)

відображає параметри тексту

c)

відображає назву сторінки

d)

відображає технічну інформацію сайту

12.

Який тег відповідає за створення абзацу на веб-сторінці?

a)

<h1>...</h1>

b)

<p>...</p>

c)

<strong>...</strong>

d)

<a href="...">...<a>

13.

Для зміни розміру зображення, яке розміщується на сторінці, використовують такі атрибути...

a)

hspace і vspace

b)

width і height

c)

top і bottom

d)

hsize і vsize

14.

Який тег використовують для вставки відео?

a)

< media >

b)

< movie >

c)

< video >

d)

< youtube >

15.

Що є атрибутами у наведеному html-коді?

a)

bgcolor = ''green''

b)

text = ''white''

c)

<body>

d)

</html>

16.

Виберіть вірний синтаксис для вставки зображення

a)

<image source="untitled.jpg">

b)

<img src="untitled.jpg">

c)

<src img="untitled.jpg">

d)

<img scr untitled.jpg>

17.

Кінцевий тег мість

a)

/

b)

:

c)

;

d)

""

18.

Якого тегу не вистачає на зображенні для коректного відображення прописаного коду?

(a)  

19.

Що робить тег <li>?

a)

створює список з номерами

b)

створює елемент списку

c)

форматує текст в курсив

d)

додає зображення

20.

Що означає тег <p align="right"> … </p>?

a)

Текст, буде розташований по правому краю сторінки

b)

Текст буде розташований по лівому краю сторінки

c)

Текст буде розташований по центру сторінки

21.

Яким із тегів можна задати жовтий колір фону ?

a)

<background>yellow</background>

b)

<body bg="yellow">

c)

<body style="background-color:yellow;">

22.

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

a)

В <body>

b)

В тег <style> в <header>

c)

<footer>

d)

В тег <style> в <head>

23.

Який варіант є правильно організованим гіперпосиланням?

a)

b)

c)

d)

24.

Які властивості оформлення ергономічного сайту?

a)

Єдиний стиль оформлення

b)

Кольори фону сторінки та тексту контраснті

c)

Текст статей вирівняно за висотою

d)

Багато анімованих зображень

25.

Яку структуру веб-сайта зображено на малюнку?

a)

Довільну

b)

Ієрархічну

c)

Лінійну

d)

статичну

26.

back-end - це...

a)

частина, призначена для користувача

b)

технічна частина

27.

front-end - це...

a)

частина, призначена для користувача

b)

технічна частина

28.

Який заголовок є найбільшим?

a)

h1

b)

h6

c)

h14

d)

h3

29.

Назва блокового елемента, призначеного для виділення фрагмента документа з метою зміни виду вмісту.

(a)  

30.

Об’єкти мультимедіа

a)

текстові

b)

графічні

c)

аудіо

d)

відео

31.

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

a)

.class{

color: green;

}

b)

<a>{

color: green;

}

c)

a{

color: green

background-color: red;

}

d)

a{

color: green;

background-color: red;

}

32.

Спеціальна мова, яку використовують для запису оформлення сторінок, написаних мовами розмітки даних

a)

каскадні таблиці стилів

b)

CSS

c)

HTML

d)

Java

e)

С++

33.

Тег <justufy> відповідає за:

a)

текст по центру

b)

текст по правому краю

c)

текст по лівому краю

d)

текст по ширині

34.

При створення таблиці тег <tr> використовується для

a)

опису таблиці

b)

для описання вмісту комірок

c)

для описання рядків

d)

для заголовка таблиці

35.

Відновіть послідовність розташування тегів і написів HTML-документа для зображення нумерованого списку, наведеного на рисунку.

a)

</ol>

</li>

<li> 

інформатика

<ol>

b)

</ol>

<li>

інформатика

</li> 

<ol>

c)

<ol>

<li> 

інформатика

</li>

</ol>

d)

<li> 

<ol>

інформатика

</ol>

</li>

36.

Як провести горизонтальну лінію на веб-сторінці?

a)

<line>

b)

<hr>

c)

<h1>

d)

<hl>

37.

Чи може селектор звернутися до більше, ніж одного елементів?

a)

так

b)

ні