Інтерактивні вправи 10 клас
Мова HTML
- Інтерактивна вправа "Етапи роботи над сайтом"
- Інтерактивна вправа "Класифікація за етапами створення веб-сайтів"
- Інтерактивна вправа "Ергономіка розміщення відомостей на веб-сторінці"
- Інтерактивна вправа "Види сайтів"
- Інтерактивна вправа "Структура HTML-документу: розташувати в правильному порядку теги"
- Інтерактивна вправа "Структура HTML-коду веб-сторінки"(початок)
- Інтерактивна вправа "Вказати теги"(початок)
- Інтерактивна вправа "Структура HTML-коду веб-сторінки: розмістити теги"
- Інтерактивна вправа "Заповнити пропуски в HTML-коді"
- Інтерактивна вправа "Теги для форматування тексту"
- Інтерактивна вправа "HTML: форматування тексту, рухомий рядок" (інтерактивне зображення, заповнити пропуски в коді)
- Інтерактивна вправа "Таблиця в HTML-документі" (інтерактивне зображення, заповнити пропуски в коді)
- Інтерактивна вправа "Форма в HTML-документі: підписати теги"
- Інтерактивна вправа "Форма в HTML-документі: списки (прапорці та перемикачі)" (інтерактивне зображення, заповнити пропуски в коді)
- Інтерактивна вправа "Зображення в HTML-документі"
- Інтерактивна вправа "Узагальнення: основні теги та атрибути HTML"
- Інтерактивний тест "Узагальнення з HTML"
УРОКИ HTML 👉 ТУТ
Каскадні таблиці стилів (CSS)
- Інтерактивна вправа "CSS. Початок, перевірка теорії" (заповнити пропуски)
- Інтерактивна вправа "CSS. Форматування тексту, перевірка теорії" (знайти пари)
- Інтерактивна вправа "CSS. Форматування тексту " (заповнити пропуски в коді)
- Інтерактивна вправа "CSS. Форматування тексту, гіперпосилання" (підписати елементи)
- Інтерактивна вправа "CSS. Позиціонування елементу, перевірка теорії" (знайти пари)
- Інтерактивна вправа "CSS. Позиціонування елементу" (інтерактивне зображення, заповнити пропуски в коді)
- Інтерактивна вправа "CSS. Анімація типу @keyframes"
- Інтерактивна вправа "CSS. Анімація обертання круга, зміна кольору" (інтерактивне зображення, заповнити пропуски в коді)
- Інтерактивна вправа "CSS. Анімація переміщення, градієнтна заливка" (інтерактивне зображення, заповнити пропуски в коді)
- Інтерактивна вправа "CSS. Анімація переміщення, обертання, зміна кольору" (інтерактивне зображення, заповнити пропуски в коді)
- Інтерактивна вправа "CSS. Анімація переміщення, обертання, розмиття" (інтерактивне зображення, заповнити пропуски в коді)