Сьогодні відбувся
Вебінар:
«
Вправи для зниження високого рівня тривожності у дітей
»
Взяти участь Всі події
Вебквест:

теги HTML

19.09.2021
0 0
7 Клас, 8 Клас, 9 Клас, 10 Клас
2 рівнів
11 підказок
Час виконання: 120 хвилин

247

163

0

Опис вебквесту (учням цей опис не показується):

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

Вміст вебквесту:
Налаштування гри

Час за який потрібно виконати всі завдання: 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 Завдання з відповіддю
Завдання:

0501sozj-01d6-749x242.png

Яка властивість CSS допомогла вам розв'язати це завдання?

Правильна відповідь:
box-shadow
Мітка №3/5 Подарунок 2 Завдання з відповіддю
Завдання:

0501sozk-429c-940x231.pngЯкий код додає значок червоного серця

Правильна відповідь:
2666
Мітка №4/5 Подарунок 3 Завдання з відповіддю
Завдання:

0501sozm-d2d2-940x319.pngЯка властивясть дозволяє скруглити кути прямокутного блоку?

Правильна відповідь:
border-radius
Мітка №5/5 Подарунок 4 Завдання з відповіддю
Завдання:

0501sozq-7d21-940x284.pngЯкий атрибут дозволяє поділити блокина окремі групи (класи)?

Правильна відповідь:
class

Рефлексія від 5 учнів

Сподобався:

4 1

Зрозумілий:

4 1

Потрібні роз'яснення:

4 1
Рекомендуємо

Мова HTML

Мова HTML

154

Аватар профіля Комок Ірина Вікторівна
Інформатика
8 клас

50 грн

Будова комп'ютера

Будова комп'ютера

816

Аватар профіля Яценко Ірина Григорівна
Інформатика
8 клас

50 грн

Розгалуження, якщо, умови, безпека в Інтернеті

Розгалуження, якщо, умови, безпека в Інтернеті

144

Аватар профіля Аріткулова Лідія Федорівна
Інформатика
6—8 клас

66 грн

Вебквест "Scratch-команія"

Вебквест "Scratch-команія"

256

Аватар профіля Гашицька Вікторія Вікторівна
Інформатика
6 клас

100 грн

Порядок на столі

Порядок на столі

86

Аватар профіля Беркут Юлія Іванівна
Інформатика
2—3 клас

33 грн

Схожі вебквести

Мандрівка просторами Інтернету

Мандрівка просторами Інтернету

1152

Аватар профіля Матушкіна Пелагія Іванівна
Інформатика
I курс

Склад системного блоку

Склад системного блоку

960

Аватар профіля Косован Василь Михайлович
Інформатика
5 клас

Складові комп'ютера та їх призначення

Складові комп'ютера та їх призначення

362

Аватар профіля Шинкаренко Ірина Юріївна
Інформатика
4 клас

Блукання по системному блоці))

Блукання по системному блоці))

529

Аватар профіля Косован Василь Михайлович
Інформатика
5 клас

Інформація

Інформація

128

Аватар профіля Семенченко Катерина Анатоліївна
Інформатика
5 клас