Уровень 1: HTMLУровень 2: CSSУровень 3: JavaScriptУровень 4: Комбо
🎯
Уровень 1: Структура HTML
Создай основу веб-страницы!
Ты оказался в пустом HTML-документе. Создай базовую структуру страницы:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
</head>
<body>
<!-- Твой код здесь -->
</body>
</html>
💡 Подсказка: Используй теги <h1> для заголовка и <p> для параграфа
🎨
Уровень 2: Стили CSS
Преврати скучную страницу в шедевр!
Твоя страница выглядит скучно! Добавь стили, чтобы сделать её красивой:
/* Сделай заголовок синим и выровняй по центру */
h1 {
/* Добавь стили здесь */
}
/* Добавь отступы для параграфа */
p {
margin: 20px;
}
⚡
Уровень 3: Магия JavaScript
Оживи свою страницу!
Добавь интерактивности! Создай функцию, которая реагирует на клик:
// Найди кнопку и добавь обработчик события
const button = document.getElementById('myButton');
button.addEventListener('click', function() {
// Твой код здесь
});