WorksheetsHtml+css
Total questions: 20
Worksheet time: 10mins
Name
Class
Date
1.
Медіа запити дозволяють
a)
Змінити мову сторінки залежно від вподобань користувача
b)
Застосувати різні стилі для відображення сторінки на екрані та друку на принтері
c)
Застосовувати CSS правила залежно від ширини області відображення
d)
Отримати дані про конфігурацію комп’ютера користувача, наприклад, модель монітора та процесора
2.
Під час розробки, для перевірки вигляду сторінки на мобільних пристроях зручно
a)
Використовувати смартфон, підключений через USB
b)
Використовувати кілька різних пристроїв, підключених через bluetooth
c)
Використовувати симулятор пристроїв у консолі розробника браузера
3.
Як правило, для коректної роботи медіа-запитів на мобільних пристроях
a)
Їхні параметри експерементально підбирають для різних моделей телефонів і плашетів
b)
В медіа-запит додають перелік моделей, яких він стосується
c)
В сторінку додають мета-параметр viewport з відповідними атрибутами
d)
В тег html додають атрибут mobile зі значенням true
4.
Тег
варто використовувати, щоб:
a)
Виділити важливу частину речення жирним та більшим шрифтом;
b)
Задати підзаголовок сторінки;
c)
Цей тег підходить для обох варіантів використання.
5.
Щоб оформити інформацію у вигляді списку без нумерації використовують:
a)
Тег ol;
b)
Тег ul;
c)
Тег p;
d)
Жоден з цих тегів.
6.
Щоб додати зображення на сторінку можна використати:
a)
тег img з атрибутом href;
b)
тег photo з атрибутом href;
c)
тег photo з атрибутом src;
d)
тег img з атрибутом src;
e)
варіанти c та d.
7.
Щоб браузер відкривав сторінку за посиланням в новій вкладці (або вікні), використовують:
a)
тег target;
b)
атрибут target;
c)
тег new;
d)
атрибут blank.
8.
На сервері www.site.com, в папці web, знаходиться файл сторінки index.html. Сторінка відкривається за посиланням http://www.site.com/web/index.html. Поряд з файлом сторінки є папка images, в якій лежить файл зображення logo.jpg. Які варіанти підключення зображення в файл сторінки є коректними?
a)
< img src=”logo.jpg” >;
b)
< img src=”images/logo.jpg” >;
c)
< img src=”/images/logo.png” >;
d)
< img src=”www.site.com/images/logo.png” >;
e)
< img src=”http://www.site.com/web/images/logo.jpg” >.
9.
Відносне посилання НЕ включає:
a)
Протокол;
b)
Хост;
c)
Шлях;
d)
Протокол та хост;
e)
Хост та шлях.
10.
Якщо ми хочемо змінити вигляд елемента, наприклад, вказати колір тексту чи розмір шрифту, краще використати:
a)
Відповідні CSS властивості, наприклад, color;
b)
Спеціально призначені для цього теги, наприклад, font;
c)
Можна використати обидва варіанти.
11.
Абревіатура CSS розшифровується як:
a)
Керування стилями сторінки;
b)
Каскадні таблиці стилів;
c)
Централізоване сховище стилів.
12.
В CSS маємо конструкцію “font-size: 16px”. Тут (декілька правильних варіантів):
a)
font-size – назва CSS властивісті, 16px – її значення;
b)
вся конструкція називаєтья CSS оголошення;
c)
font-size – назва атрибута.
13.
Впишіть назву CSS властивості, яка задає вирівнювання тексту:
(a)
14.
Для веб-розробника високого рівня більш важливо:
a)
Знати на пам’ять більшість CSS властивостей та варіантів їхніх значень
b)
Глибоко усвідомлювати та завжди використовувати принцип DRY
c)
Швидко орієнтуватись, який набір стилів до якого тегу підходить
15.
Селектор дозволяє
a)
Вибрати HTML елементи відповідно до заданих критеріїв
b)
Обрати поведінку елемента з набору фіксованих варіантів
c)
Автоматично задати значення атрибутам елемента
16.
Впишіть назву атрибута, селектор за яким може мати вигляд .main-menu:
(a)
17.
Варто розміщувати стилі в окремих файлах, тому що:
a)
Так робить більшість веб-розробників;
b)
Це дозволяє підвищити швидкість завантаження та обробки коду сторінки;
c)
Це дозволяє зробити код сторінки лаконічнішим та позбутися дублювання стилів;
d)
Так зручніше працювати дизайнерам.
18.
Взаємозв’язок між файлом з HTML розміткою та файлом із стилями:
a)
Однозначний. Один HTML включає один відповідний файл стилів;
b)
Один файл стилів можна включити до кількох HTML файлів. При цьому в HTML файлі можна підключити лише один файл стилів;
c)
В HTML файл можна включити будь-яку кількість файлів стилів. І один і той самий файл стилів часто включають в кілька HTML файлів.
19.
Введіть символ, з якого починається селектор за ID:
(a)
20.
Які з тверджень правильні (декілька правильних варіантів):
a)
Інтернет з’явився раніше, ніж всесвітня павутина (веб);
b)
Початковою метою створення Інтернету було поєднання між собою веб-серверів з різних країн та організацій;
c)
Спрощено, Інтернет – це сукупність усіх веб-сайтів;
d)
Початково веб створили для обміну інформацією між науковими організаціями.
100 %
