Menu
Coddy logo textTech
НАЧАТЬ УЧИТЬСЯ
flag Ru iconРусскийdown icon
ПопулярныйПуть

Изучайте HTML

Бесплатный интерактивный онлайн-курс по HTML. Вы пишете HTML на каждом уроке - с живым предпросмотром прямо во время набора и бесплатным сертификатом по завершении.

НАЧАТЬ ОБУЧЕНИЕ(бесплатно)
Смотреть программуПесочница HTML

321,924+ codders записались

241 уроков212 задачи1,193 вопросов квиза

Программа

5 разделов6 проектов241 уроков212 задачи1,193 вопросов квиза
  1. Раздел 1

    Основы

    Начать разделНачатьРазвернутьСвернуть    Изучите основную структуру и синтаксис для создания веб-страниц с нуля60 уроков75 задачи251 вопросов3 проектов

    Основы HTML

    5 уроков530

    Текст и форматирование

    6 уроков1135

    Работа со списками

    4 уроков721

    Карточка рецепта

    Проект4 уроков1

    Добавление контента

    5 уроков837

    Макет страницы

    5 уроков930

    Страница личного профиля

    Проект5 уроков1

    Формы и поля ввода, часть 1

    6 уроков936

    Формы и элементы ввода. Часть 2

    7 уроков1239

    Таблицы

    4 уроков723

    Страница регистрации на мероприятие

    Проект5 уроков1

    Финальные испытания

    4 уроков4
  2. Раздел 2

    Стилизация с CSSСвоя страница

    Начать разделНачатьРазвернутьСвернуть    Оживите свои веб-страницы цветами, макетами и стилями76 уроков100 задачи418 вопросов3 проектов

    Введение

    5 уроков540

    Добавление CSS

    4 уроков725

    Базовые селекторы

    7 уроков1247

    Основы работы с текстом

    8 уроков1450

    Цвета и фоны

    5 уроков834

    Меню кафе

    Проект3 уроков1

    Блочная модель. Часть 1

    6 уроков943

    Блочная модель. Часть 2

    5 уроков833

    Flex Box

    6 уроков943

    Форма входа

    Проект4 уроков1

    Методы компоновки

    7 уроков1151

    Основы адаптивного дизайна

    6 уроков1052

    Веб-страница Tonga

    Проект6 уроков1

    Финальные задания

    4 уроков4
  3. Раздел 3

    Мастерство CSSСвоя страница

    Начать разделНачатьРазвернутьСвернуть    Выведите свои навыки CSS на новый уровень!43 уроков40 задачи164 вопросов

    Мастерство селекторов — Комбинации

    6 уроков539

    Интерактивные псевдоклассы

    5 уроков431

    Структурные псевдоклассы

    5 уроков432

    Проект: Выпадающее меню

    4 уроков4

    Визуальные эффекты

    5 уроков536

    Лендинг

    5 уроков5

    Верстка с CSS Grid

    4 уроков426

    Сайт Flavor Fiesta

    4 уроков4

    Финальные испытания

    5 уроков5
  4. Раздел 4

    Практический фронтенд

    Начать разделНачатьРазвернутьСвернуть    Сочетайте структуру и стиль для создания полных адаптивных веб-страниц35 уроков34 задачи197 вопросов

    Переменные

    5 уроков432

    Стратегия Mobile-First

    6 уроков643

    Темизация и визуальные стили

    5 уроков535

    Экстремальный спорт

    3 уроков3

    UI-компоненты

    6 уроков642

    Адаптивные паттерны

    6 уроков645

    Финальные испытания

    4 уроков4
  5. Раздел 5

    JavaScript в действии

    Начать разделНачатьРазвернутьСвернуть    Исследуйте, как JavaScript используется с HTML и CSS27 уроков27 задачи163 вопросов

    Интерактивность/компоненты UI

    4 уроков433

    Формы и валидация

    3 уроков324

    Уведомления и обратная связь

    3 уроков327

    Форма с Toast-уведомлением

    2 уроков2

    Навигация

    3 уроков329

    Темы и персонализация

    2 уроков217

    Анимации и эффекты

    3 уроков327

    Анимированная навигация

    3 уроков36

    Финальные задания

    4 уроков4

Курсы HTML

Практические курсы HTML - бесплатный старт в браузере.

Анимация солнечного затмения | Проект на HTML/CSS

Популярное

В этом курсе вы создадите потрясающую анимацию «Солнечное затмение». Мы покажем, как создавать увлекательные и функциональные пользовательские интерфейсы с помощью анимации.

  • 10
  • 2

HTML — Сайт для начинающих

Популярное

В этом курсе вы проверите свои базовые знания HTML и создадите собственный простой сайт с текстом и изображениями. Вы готовы?

  • 5
  • 1

Клон страницы Instagram | Front-End проект

В этом курсе вы отработаете стандартные и простые подходы HTML и CSS и создадите проект по клонированию страницы Instagram.

  • 16
  • 5

DOM-проект: Калькулятор

В этом курсе вы создадите простой интерактивный калькулятор, используя HTML, CSS и JS.

  • 14
  • 3

Видеоплеер YouTube — проект на HTML

В этом проекте вы создадите видеоплеер YouTube с помощью HTML и попутно изучите различные атрибуты.

  • 7
  • 1

Задачи по HTML/CSS — Набор I

Этот курс проверит ваши знания HTML и CSS в увлекательной и эффективной форме!

  • 11
Все 26 курсов HTML →
Что вы получаете
Всё, что вам нужно, чтобы научиться программировать

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
python iconPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

Почему стоит изучать HTML на Coddy

  • Пишите HTML прямо в браузере и сразу видите готовую страницу рядом. Никаких установок редактора, никакой настройки. Любое изменение в HTML-коде отображается мгновенно - обратная связь короткая.
  • Современный, семантический HTML: заголовки, списки, ссылки, изображения, таблицы, формы и семантические теги вроде <header>, <nav>, <main>, <section>, <footer>. Тот самый HTML, на котором реально делают сайты.
  • AI-подсказки помогают исправлять ошибки в HTML - незакрытые теги, кривой синтаксис атрибутов, промахи с доступностью - не выдавая готового ответа, так что навыки работы с HTML закрепляются.
  • Бесплатный сертификат HTML по окончании курса. Уверенный первый шаг в веб-разработке, который естественно дополняется курсами CSS и JavaScript.

Частые вопросы об изучении HTML

Легко ли изучать HTML?

HTML - одна из самых простых вещей в IT. Это язык разметки, а не программирования: вы размечаете части контента (заголовки, абзацы, ссылки, картинки), а не пишете логику. Большинство новичков создают свою первую настоящую веб-страницу уже в первый час.

Сколько времени нужно, чтобы изучить HTML?

Основы HTML обычно можно освоить за одну-две недели ежедневной практики. Чтобы уверенно делать реальные проекты, чаще всего нужен один-три месяца регулярной работы.

Стоит ли учить HTML раньше CSS и JavaScript?

Да. HTML задаёт структуру страницы, CSS отвечает за её внешний вид, а JavaScript делает её интерактивной. Если сначала выучить HTML, то будет что стилизовать и анимировать дальше. Курс по HTML намеренно короткий - чтобы вы быстрее перешли к CSS и JS.

HTML - это язык программирования?

Строго говоря, нет. HTML - это язык разметки, описывающий структуру веб-контента. В нём самом нет ни переменных, ни условий, ни циклов. За реальное программирование на веб-странице отвечает JavaScript, которому посвящён отдельный курс.

Можно ли выучить HTML онлайн бесплатно?

Да. Интерактивный курс HTML бесплатный - уроки, практические задания, живой предпросмотр HTML и сертификат. Всё работает прямо в браузере, так что не нужно ничего устанавливать, чтобы начать.

Выдаётся ли сертификат после курса HTML?

Да. После завершения курса по HTML вы получаете бесплатный сертификат. Это проверяемое подтверждение, которое можно добавить в резюме или показать в LinkedIn - обычно как шаг к более полному портфолио по HTML, CSS и JavaScript.
Coddy programming languages illustration

Учите HTML с Coddy

НАЧАТЬ