🔒 Ты не вошёл(вошла) в аккаунт — прогресс, работы и результаты теста не сохраняются. Что недоступно?
✅ Без входа можно
- читать все 33 занятия, смотреть слайды и шпаргалку;
- пробовать код в редакторе и песочнице.
⛔ Без входа нельзя
- сохранять работы — черновик живёт только в этом браузере и пропадёт при очистке истории, в режиме инкогнито или на другом устройстве;
- отмечать пройденные занятия и видеть свой прогресс;
- выбрать тему итогового проекта и отмечать чек-лист;
- отправить итоговый тест и сохранить результат.
Введение и HTML
Знакомство с вебом, редактором, основными тегами HTML
| № | Тема | Что изучаем | Практика / результат |
|---|---|---|---|
| Модуль 1. Введение и HTML | |||
| 1 | Вводное занятие 🎬 | Что такое сайт, HTML, CSS, браузер. Как работает веб-страница | Смотрим примеры сайтов, создаём папку проекта, изучаем правила безопасности |
| 2 | Инструменты и первая страница 🎬 | Установка редактора VS Code, файл index.html, браузер | Пишем первую страницу «Привет, мир!» |
| 3 | Структура HTML-документа 🎬 | <!DOCTYPE html>, html, head, title, body, заголовки h1–h6 | Страница «О себе» с заголовками |
| 4 | Текст и оформление 🎬 | p, br, hr, strong, em, комментарии | Оформляем текст о любимом занятии |
| 5 | Списки 🎬 | ul, ol, li, вложенные списки | Список любимых книг, игр или фильмов |
| 6 | Ссылки 🎬 | a, href, target, якоря | Меню ссылок на внешние сайты и разделы страницы |
| 7 | Изображения 🎬 | img, src, alt, размеры, папка images | Галерея из 3 изображений |
| 8 | Таблицы 🎬 | table, tr, td, th, caption | Таблица «Расписание уроков» |
| 9 | Семантическая структура 🎬 | header, nav, main, section, article, footer | Каркас страницы «Мой сайт» |
| 10 | Формы 🎬 | form, input, label, textarea, select, button | Анкета «Мои интересы» |
| 11 | Мультимедиа 🎬 | video, audio, iframe | Вставляем видео или карту |
| 12 | Повторение HTML 🎬 | Обобщение тегов | Мини-проект «Моя страница увлечений» только на HTML |