О курсе

HTML (HyperText Markup Language) — основа всего веба. Это структура, на которой строятся все сайты и приложения.

45 уроков

Базовые концепции (10 уроков)

1. Привет, HTML!
2. Теги — кирпичики HTML
3. Структура документа
4. Изображения и Медиа
5. HTML: Списки
6. HTML: Таблицы
7. HTML: Формы (базовые)
8. HTML: Семантические теги
9. HTML: Meta-теги и SEO
10. Ссылки и навигация

Accessibility (9 уроков)

11. HTML: Основы ARIA
12. HTML: ARIA Roles
13. HTML: ARIA States and Properties
14. HTML: Семантика и доступность
15. HTML: Навигация с клавиатуры
16. HTML: Скринридеры
17. HTML: Основы WCAG
18. HTML: Доступные формы
19. HTML: Доступность (a11y)

Canvas & SVG (7 уроков)

20. HTML: Скелет - Canvas Introduction
21. HTML: Основы Canvas
22. HTML: Рисование на Canvas
23. HTML: Анимация на Canvas
24. HTML: Скелет. Урок: SVG Basics
25. svg-paths
26. HTML: Скелет - SVG Animation

Формы продвинутые (4 урока)

27. form-validation
28. HTML: Кастомные элементы ввода
29. HTML: Загрузка файлов
30. HTML: Datalist и автозаполнение

Web Components (5 уроков)

31. HTML: Custom Elements
32. shadow-dom
33. templates-slots
34. web-components-best-practices
35. media

Продвинутое (10 уроков)

36. HTML: Скелет. Урок: Schema.org Structured Data
37. HTML: Скелет. Open Graph Protocol
38. twitter-cards
39. HTML: Скелет - IFrame and Embedding
40. HTML: Drag and Drop API
41. HTML: Атрибут contenteditable
42. HTML: Data-атрибуты
43. lazy-loading
44. HTML: Meta-теги
45. HTML: Лучшие практики

---

Что освоишь?

После прохождения курса ты сможешь:

• Создавать семантичную и доступную разметку
• Работать с формами, медиа и интерактивными элементами
• Рисовать и анимировать с Canvas/SVG
• Создавать Web Components
• Оптимизировать SEO и доступность
• Использовать современные HTML5 API

---

Как учиться?

1. Последовательно — начни с базовых уроков
2. Практикуй — пробуй примеры кода в редакторе
3. Экспериментируй — меняй параметры, смотри что получается
4. Применяй — используй в своих проектах

---

Быстрый старт: Привет, HTML! → Структура документа → HTML: Семантические теги