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

Изучайте HTML

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

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

281,604+ codders записались

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

Программа

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

    Fundamentals

    Начать разделНачатьРазвернутьСвернуть    Learn the core structure and syntax to create web pages from scratch60 уроков75 задачи252 вопросов3 проектов

    Основы HTML

    5 уроков531

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

    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

    Styling with CSSСвоя страница

    Начать разделНачатьРазвернутьСвернуть    Bring your web pages to life with colors, layouts, and styles76 уроков100 задачи419 вопросов3 проектов

    Введение

    5 уроков540

    Добавление CSS

    4 уроков725

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

    7 уроков1247

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

    8 уроков1450

    Цвета и фоны

    5 уроков834

    Меню кафе

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

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

    6 уроков943

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

    5 уроков834

    Flex Box

    6 уроков943

    Форма входа

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

    Методы верстки

    7 уроков1151

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

    6 уроков1052

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

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

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

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

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

    Начать разделНачатьРазвернутьСвернуть    Take you css skills to the next level!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

    Practical Frontend

    Начать разделНачатьРазвернутьСвернуть    Combine structure and style to design complete, responsive web pages35 уроков34 задачи197 вопросов

    Переменные

    5 уроков432

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

    6 уроков643

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

    5 уроков535

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

    3 уроков3

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

    6 уроков642

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

    6 уроков645

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

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

    JavaScript in Action

    Начать разделНачатьРазвернутьСвернуть    Explore how javascript is used with html and 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

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

Популярное

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

  • 16
  • 5

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

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

  • 7
  • 1

Секундомер — проект на HTML/CSS/JS

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

  • 10
  • 3

Нижняя панель навигации — проект на HTML/CSS

В этом курсе вы создадите простую нижнюю панель навигации с помощью HTML и оформите её, используя CSS. Вы научитесь добавлять простую анимацию с помощью селектора (:hover) в CSS.

  • 12
  • 2

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

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

  • 14
  • 3
Все 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
PythonPython 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

НАЧАТЬ