wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Основи веб розробки 10 кл

Total questions: 37

Worksheet time: 14mins

Name
Class
Date
1.

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

4 lines
2.

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

a)

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

b)

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

c)

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

d)

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

3.

Яке значення атрибута display: дозволяє блокам "гнучко" розміщуватись на веб-сторінці?

a)

inline

b)

block

c)

flex

d)

update

4.

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

a)

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

b)

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

c)

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

d)

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

5.

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

a)

<h1>...</h1>

b)

<p>...</p>

c)

<strong>...</strong>

d)

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

6.

Тег — це:

a)

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

b)

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

c)

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

d)

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

7.

З яким розширенням слід зберегти текстовий файл, щоб він став веб-документом?

a)

.css

b)

.html

c)

.txt

d)

html

8.

Як правильно підключати таблицю стилів?

a)

<style src=»mystyle.css»>

b)

<stylesheet>mystyle.css</stylesheet>

c)

<link rel=»stylesheet» href=»mystyle.css»>

9.

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

a)

hspace і vspace

b)

width і height

c)

top і bottom

d)

hsize і vsize

10.

Який тренд веб-дизайну зображено на малюнку:

a)

3D-зображення

b)

Адаптивні логотипи

c)

Студійне мінімалістичне фото

d)

Нестандартні розташування блоків

11.

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

a)

< media >

b)

< movie >

c)

< video >

d)

< youtube >

12.

В тексті документа HTML таблицю задають тегами?

a)
<TABLE> </TABLE>
b)
<TABLICA></TABLICA>
c)
<BODY></BODY>
d)
<HEAD></HEAD>
13.

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

a)

bgcolor = ''green''

b)

text = ''white''

c)

<body>

d)

</html>

14.

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

a)

<image source="untitled.jpg">

b)

<img src="untitled.jpg">

c)

<src img="untitled.jpg">

d)

<img scr untitled.jpg>

15.

Мова програмування, що вживається разом із HTML для поліпшення вигляду сторінки( колір, шрифт, розташування тексту) це -

a)

SSC (Sandwich Scooter Cat)

b)

СSS (Cascading Style Sheets)

c)

CQL (Contextual Query Language)

d)

C++

16.

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

a)

/

b)

:

c)

;

d)

""

17.

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

(a)  

18.

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

a)

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

b)

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

c)

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

d)

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

19.

Гіперпосилання на Web - сторінці забезпечують перехід...

a)

тільки в межах даної web – сторінки

b)

тільки на web - сторінці даного сервера

c)

на будь-яку web - сторінку даного регіону

d)

на будь-яку web - сторінку будь-якого сервера Інтернету

20.

Для яких цілей може використовуватися тег <A>?

a)

Для вставки зображень;

b)

Для оформлення тексту напівжирним шрифтом;

c)

Для створення гіперпосилання;

d)

Для оформлення тексту курсивом;

21.

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

a)

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

b)

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

c)

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

22.

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

a)

В <body>

b)

В тег <style> в <header>

c)

<footer>

d)

В тег <style> в <head>

23.

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

a)

<background>yellow</background>

b)

<body bg="yellow">

c)

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

24.

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

a)

b)

c)

d)

25.

Який тег визначає навігаційне меню?

a)

<nav>

b)

<navigate>

c)

<navigation>

26.

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

a)

хостингом

b)

браузером

c)

прикладною програмою

d)

веб-сервісом

27.

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

a)

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

b)

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

c)

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

d)

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

28.

Через крапку у CSS ми звартаємось до...

a)

ідентифікатора

b)

тегу

c)

класу

d)

правила CSS

29.

Якого виду позиціонування в CSS не існує?

a)

absolute

b)

fixed

c)

hover

d)

sticky

e)

relative

30.

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

a)

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

b)

CSS

c)

HTML

d)

Java

e)

С++

31.

CSS властивість font-weight відповідає за:

a)

розмір шрифту

b)

жирність шрифту

c)

курсив шрифту

d)

колір шрифту

32.

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

a)

<b>березень</b><i>квітень</i><u>травень</u>

b)

<u>березень<i>квітень</i>травень</u>

c)

<i>березень<u>квітень</i></u><b>травень</b>

d)

<u>березень<i><b>квітень</u></i>травень</b>

33.

Тег <a> призначений для

a)

позначення нового абзацу

b)

позначення нумерованого списку

c)

позначення маркованого списку

d)

створення гіперпосилання

34.

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

a)

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

b)

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

c)

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

d)

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

35.

Верстка сайта на основі елементів <div> називається...

a)

HTML-верстка

b)

Таблична верстка

c)

Блокова верстка

d)

CSS-верстка

36.

Вкажіть тег, який дозволяє створювати заголовки

a)

<strong>

b)

<small>

c)

<h2>

d)

<em>

37.

В якрму місці HTML документу розташовуються теги <title>, <link> и <meta>.

a)

В будь-якому місці

b)

В секції <body>

c)

В секції <head>