перевіряємо знання базових тегів, списку, додавання малюнків, гіперпосилань та таблиці
Бібліотека вебквестів
- Всеосвіта›
- Бібліотека вебквестів›
- Інформатика›
- теги HTML
Вебквест:
теги HTML
19.09.2021
7 Клас, 8 Клас, 9 Клас, 10 Клас
2 рівнів
11 підказок
Час виконання:
120 хвилин
Шаблони: Тесла, Адвент календар
461
325
0
35
Опис вебквесту (учням цей опис не показується):
Вміст вебквесту:
Налаштування гри
Час за який потрібно виконати всі завдання: 2 години
Реакція об'єктів при наведенні: Всі об'єкти активні, похитуються при наведенні, а курсор змінюється на вказівний палець
Привітання на початку гри (показується учням)
Доброго дня! в салоні машини приховатні запитання, на які потрібно дати відповідь. щоб розшифрувати ключ потрібно порахувати кількість літер в кожній відповіді та отриманні числові значення додати.
Щасливих "голодніх ігор"!
Рівень №1 — Теги Html переглянути шаблон
Цей рівень містить 8 інтерактивних об'єктів:
1 вихід.
7 сповіщень з введенням відповіді.
Інтерактивні об’єкти на цьому рівні:
Мітка №1/8
Внутрішня ручка відкривання дверей ліворуч
Вихід з рівня
Щоб вийти потрібен ключ
Повідомлення перед введенням ключа:
Як зазвичай називають документ з html кодом?
Ключ:
index.html
Повідомлення після введення ключа:
Дуже добре! Ви станете одним з найкращим верстальщиком сайтів.
А тепер перейдемо до практики
Мітка №2/8
Педаль гальма Завдання з відповіддю
Завдання:
Яку мову створення сайтів ми вивчаємо?
Правильна відповідь:
html
Мітка №3/8
Дзеркало заднього виду Завдання з відповіддю
Завдання:
Який тег дозволяє створювати заголовок 1 рівня?
Правильна відповідь:
h1
Мітка №4/8
Підставка для напоїв Завдання з відповіддю
Завдання:
Для створення абзаців використовуємо тег?
Правильна відповідь:
p
Мітка №5/8
Дзеркало заднього виду праве Завдання з відповіддю
Завдання:
Для створення списків використовуємо такі теги( вкажи 3 тега)
Правильна відповідь:
ul ol li
Мітка №6/8
Дзеркало заднього виду ліве Завдання з відповіддю
Завдання:
Для створення гіперпосилання нам потрібен тег?
Правильна відповідь:
a
Мітка №7/8
Кнопка відкривання бардачка Завдання з відповіддю
Завдання:
Для додавання зображення на сайт використовуємо тег? (згадай тег без атрибуту)
Правильна відповідь:
img
Мітка №8/8
Кермо Завдання з відповіддю
Завдання:
Щоб створити блок потрібно скористатися тегом?
Правильна відповідь:
div
Рівень №2 — Адвент календар переглянути шаблон
Цей рівень містить 5 інтерактивних об'єктів:
1 вихід.
4 сповіщення з введенням відповіді.
Інтерактивні об’єкти на цьому рівні:
Мітка №1/5
Подарунок 5
Вихід з рівня
Щоб вийти потрібен ключ
Повідомлення перед введенням ключа:
Яка мова дозволяє додавати стилі до HTML документа
Правильні варіанти ключа:
css CSS
Повідомлення після введення ключа:
Молодець! ти виконав всі завдання!
Мітка №2/5
Подарунок 1 Завдання з відповіддю
Завдання:
Яка властивість CSS допомогла вам розв'язати це завдання?
Правильна відповідь:
box-shadow
Мітка №3/5
Подарунок 2 Завдання з відповіддю
Завдання:
Який код додає значок червоного серця
Правильна відповідь:
2666
Мітка №4/5
Подарунок 3 Завдання з відповіддю
Завдання:
Яка властивясть дозволяє скруглити кути прямокутного блоку?
Правильна відповідь:
border-radius
Мітка №5/5
Подарунок 4 Завдання з відповіддю
Завдання:
Який атрибут дозволяє поділити блокина окремі групи (класи)?
Правильна відповідь:
class Рефлексія від 7 учнів
Сподобався:
0
Так: 6
Ні: 1
Зрозумілий:
0
Так: 5
Ні: 2
Потрібні роз'яснення:
0
Ні: 6
Так: 1