1
Запитання 1
Одна правильна відповідь
Для чого визначають цільову аудиторію сайту перед його розробкою?
варіанти відповідей
- Щоб добирати зміст, структуру й оформлення з урахуванням потреб відвідувачів
- Щоб автоматично створити HTML-код без участі розробника
- Щоб визначити, у якій папці зберігати файли сайту
- Щоб сайт відкривався лише на одному типі пристроїв
2
Запитання 2
Одна правильна відповідь
Що найкраще описує інформаційну структуру сайту?
варіанти відповідей
- Організацію сторінок і зв’язків між ними
- Набір кольорів і шрифтів, використаних на сторінках
- Перелік програм для редагування HTML-файлів
- Послідовність команд для запуску веббраузера
3
Запитання 3
Одна правильна відповідь
Яке завдання зазвичай належить до роботи front-end-розробника?
варіанти відповідей
- Створення інтерфейсу, з яким взаємодіє користувач у браузері
- Налаштування електропостачання серверного приміщення
- Написання рекламних текстів для сайту
- Керування доменами всіх вебсайтів в інтернеті
4
Запитання 4
Кілька правильних відповідей
Які твердження правильно описують редактори коду та валідатори?
варіанти відповідей
- Онлайн-редактором можна користуватися через веббраузер
- Офлайн-редактор зазвичай установлюють на пристрій
- HTML-валідатор допомагає знаходити помилки у структурі HTML-документа
- CSS-валідатор автоматично добирає зміст для сторінок сайту
- Будь-який редактор гарантує відсутність помилок у коді
5
Запитання 5
Одна правильна відповідь
Який HTML-елемент використовують для звичайного абзацу тексту?
варіанти відповідей
6
Запитання 6
Одна правильна відповідь
Який елемент створює маркований список?
варіанти відповідей
7
Запитання 7
Одна правильна відповідь
Який елемент у HTML позначає окремий пункт списку?
варіанти відповідей
8
Запитання 8
Кілька правильних відповідей
Які твердження про розміщення медіафайлів у HTML правильні?
варіанти відповідей
- Для зображення використовують елемент <img>
- Для відтворення відео можна використати елемент <video>
- Елемент <audio> призначений для додавання аудіовмісту
- Елемент <ol> призначений для вставлення звукового файла
- Елемент <p> автоматично відтворює відео
9
Запитання 9
Одна правильна відповідь
Яке призначення атрибута alt в елементі <img>?
варіанти відповідей
- Надати текстовий опис зображення
- Визначити порядок пунктів у списку
- Указати швидкість відтворення відео
- Змінити колір тла сторінки
10
Запитання 10
Одна правильна відповідь
Що варто зробити після створення HTML-сторінки, щоб перевірити її відображення?
варіанти відповідей
- Відкрити файл у браузері та переглянути сторінку
- Перейменувати файл на розширення .jpg
- Видалити з документа всі HTML-елементи
- Змінити формат файла на аудіоформат
11
Запитання 11
Кілька правильних відповідей
Які дії є доцільними під час створення сторінки із зображенням і списком?
варіанти відповідей
- Перевірити правильність шляху до файла зображення
- Додати змістовний опис зображення в атрибут alt
- Використати <li> для кожного пункту списку
- Помістити всі пункти списку лише в атрибут src
- Використати <img> замість елементів списку для кожного пункту
12
Запитання 12
Одна правильна відповідь
Яке твердження найточніше описує процес веброзробки?
варіанти відповідей
- Він може охоплювати планування, створення, перевірку й подальше вдосконалення сайту
- Він завжди обмежується написанням одного HTML-тега
- Він починається лише після публікації готового сайту
- Він не потребує перевірки сторінок у браузері
13
Запитання 13
Одна правильна відповідь
Для чого використовують CSS у веброзробці?
варіанти відповідей
- Для опису оформлення та візуального подання вебсторінки
- Для зберігання відеофайлів на вебсторінці
- Для створення доменного імені сайту
- Для перевірки правопису в усіх файлах комп’ютера
14
Запитання 14
Кілька правильних відповідей
Які рекомендації допомагають зробити структуру вебсторінки зрозумілішою?
варіанти відповідей
- Групувати пов’язану інформацію в логічні розділи
- Використовувати заголовки відповідно до структури матеріалу
- Добирати назви розділів, зрозумілі цільовій аудиторії
- Розміщувати всі матеріали сайту на одній сторінці без поділу
- Замінювати текстові посилання випадковими символами
15
Запитання 15
Одна правильна відповідь
Який HTML-елемент позначає текст, важливий за змістом, і зазвичай відображається жирним?
варіанти відповідей
16
Запитання 16
Одна правильна відповідь
Який елемент додає в текст примусовий перенос рядка?
варіанти відповідей
17
Запитання 17
Кілька правильних відповідей
Які елементи зазвичай використовують для візуального форматування тексту жирним або курсивом без додавання особливого смислового значення?
варіанти відповідей
18
Запитання 18
Одна правильна відповідь
Елемент <mark> призначений для позначення тексту, який потрібно виділити або підсвітити.
варіанти відповідей
19
Запитання 19
Одна правильна відповідь
Який запис змінить колір тексту абзацу на синій без створення окремого CSS-файлу?
варіанти відповідей
- <p style="color: blue;">Текст</p>
- <p color="blue">Текст</p>
- <p font-color="blue">Текст</p>
- <p style="text-color: blue;">Текст</p>
20
Запитання 20
Одна правильна відповідь
Яка CSS-властивість відповідає за колір тексту елемента?
варіанти відповідей
- color
- background-color
- font-style
- text-align
21
Запитання 21
Одна правильна відповідь
Який фрагмент змінить колір лише слова «важливо» на червоний, не змінюючи кольору решти абзацу?
варіанти відповідей
- <p>Це <span style="color: red;">важливо</span>.</p>
- <p style="color: red;">Це важливо.</p>
- <span color="red">Це важливо</span>
- <p><color>важливо</color></p>
22
Запитання 22
Одна правильна відповідь
Який результат матиме правило p { color: navy; } у таблиці стилів?
варіанти відповідей
- Текст усіх елементів p стане темно-синім
- Тло всіх елементів p стане темно-синім
- Текст усіх заголовків стане темно-синім
- Рамка всіх елементів p стане темно-синьою
23
Запитання 23
Одна правильна відповідь
Властивість color задає колір тексту, а background-color — колір тла елемента.
варіанти відповідей
24
Запитання 24
Відповідності
Установіть відповідність між способом запису кольору та прикладом.
пари для з’єднання
- Іменована назва кольору
- Шістнадцятковий код
- Функція rgb()
- Властивість кольору тексту
- color
- #008080
- rgb(0, 128, 128)
- teal
25
Запитання 25
Пропуски в тексті
Щоб задати колір тексту в CSS, використовують властивість .
26
Запитання 26
Пропуски зі списком
У фрагменті <p style=" ">Текст</p> фіолетовим буде саме абзацу.
варіанти для пропусків
- 1.
- font-style: purple;
- color: purple;
- background-color: purple;
27
Запитання 27
Одна правильна відповідь
Який HTML-елемент задає назву сторінки, що відображається на вкладці браузера?
варіанти відповідей
- <title>
- <header>
- <caption>
- <label>
28
Запитання 28
Одна правильна відповідь
Елемент <head> містить метадані документа, а вміст сторінки, який відображається у вікні браузера, зазвичай розміщують в елементі <body>.
варіанти відповідей
29
Запитання 29
Правильний порядок
Розташуйте частини простого HTML-документа у правильному порядку: від початку документа до його завершення.
елементи, які треба впорядкувати
- <!DOCTYPE html>
- <head>...</head>
- <body>...</body>
- </html>
- <html>
30
Запитання 30
Відповідності
Установіть відповідність між HTML-елементом і його призначенням.
пари для з’єднання
- <html>
- <head>
- <body>
- <title>
- Назва документа у вкладці браузера
- Контейнер для метаданих документа
- Кореневий елемент HTML-документа
- Контейнер для видимого вмісту сторінки
31
Запитання 31
Пропуски в тексті
Відкривальний тег записують як <p>, а парний закривальний тег — як .
32
Запитання 32
Одна правильна відповідь
варіанти відповідей
- Додаткова інформація, що записується біля відкриваючого тегу
- Мова програмування, яка використовується для створення сайтів
- Команда, яка записується в кутових дужках <> для виконання браузером
- Мова гіпертекстової розмітки документів для мережі Інтернет
33
Запитання 33
Відповідь словом
Який тег вказує браузеру, що це HTML документ?
відповідь вписується словом
34
Запитання 34
Відповідь словом
У якому форматі або з яким розширенням слід зберегти текстовий файл, щоб він став веб-документом?
відповідь вписується словом
35
Запитання 35
Одна правильна відповідь
У якому рядку є помилка?
<table>
<tr>
<td>Ім’я</th>
</tr>
</table>
варіанти відповідей
- <table>
- <tr>
- <td>Ім’я</th>
- </table>
Зареєструватись за допомогою Google