HTML Начинающий ~20 ч 1 студентов записалось

HTML & CSS с нуля

Полный курс вёрстки: от первого тега до Flexbox, Grid и анимаций. Пиши код и сразу видь результат — живое превью прямо в браузере.

Начать обучение Уже есть аккаунт? Войти
45 уроков
30 упражнений
2230 XP за курс
~20 ч

Чему ты научишься

Как работает веб
Первая HTML-страница
Текст и типография
Ссылки и навигация
Изображения и медиа
Списки и таблицы
Формы
Семантический HTML5
Основы CSS
Блочная модель
Цвета, фоны и тени
Позиционирование
Flexbox
CSS Grid
Адаптивная вёрстка
Анимации и переходы
Современный CSS
Финальный проект

Курс включает

Интерактивные упражнения с проверкой
Реальный компилятор в браузере
Сертификат по завершении
Геймификация: XP, уровни, бейджи

Программа курса

18 уроков · 45 уроков · 30 упражнений

1

Как работает веб

Узнаешь, как браузер загружает страницы и какие инструменты нужны разработчику

  • Как устроен интернет +10 XP
  • Инструменты разработчика +10 XP
2

Первая HTML-страница

Создашь свою первую страницу и разберёшься в структуре HTML-документа

  • Структура HTML-документа +10 XP
  • Теги и атрибуты +10 XP
  • Практика: первая страница +15 XP
3

Текст и типография

Научишься работать с заголовками, параграфами и форматированием текста

  • Заголовки h1–h6 +10 XP
  • Параграфы и форматирование +10 XP
  • Практика: текст +15 XP
4

Ссылки и навигация

Научишься создавать ссылки, якоря и навигационные меню

  • Тег <a> — ссылки +10 XP
  • Практика: ссылки +15 XP
5

Изображения и медиа

Научишься вставлять изображения, использовать alt и figure

  • Изображения в HTML +10 XP
  • Практика: изображения +15 XP
6

Списки и таблицы

Научишься создавать маркированные, нумерованные списки и таблицы

  • Списки в HTML +10 XP
  • Таблицы в HTML +10 XP
  • Практика: списки и таблицы +15 XP
7

Формы

Научишься создавать формы с полями ввода разных типов

  • Формы: основы +10 XP
  • Типы полей ввода +10 XP
  • Практика: формы +15 XP
8

Семантический HTML5

Узнаешь, зачем нужны семантические теги и как улучшить доступность

  • Семантическая разметка +10 XP
  • Практика: семантика +15 XP
9

Основы CSS

Узнаешь, как подключать стили и управлять внешним видом страницы

  • Что такое CSS +10 XP
  • Базовые селекторы +10 XP
  • Практика: первые стили +15 XP
10

Блочная модель

Разберёшь margin, padding, border и display

  • Box Model +10 XP
  • Display: block, inline, inline-block +10 XP
  • Практика: блочная модель +15 XP
11

Цвета, фоны и тени

Научишься работать с цветами, градиентами и тенями

  • Цвета и фоны +10 XP
  • Практика: цвета и тени +15 XP
12

Позиционирование

Разберёшь position, z-index и overflow

  • Свойство position +10 XP
  • Практика: позиционирование +15 XP
13

Flexbox

Изучишь мощнейший инструмент для выравнивания и раскладки

  • Flex-контейнер +10 XP
  • Flex-элементы +10 XP
  • Практика: Flexbox +15 XP
14

CSS Grid

Изучишь двумерную сетку для сложных раскладок

  • Grid: основы +10 XP
  • Практика: CSS Grid +15 XP
15

Адаптивная вёрстка

Научишься делать сайт удобным на любом устройстве

  • Единицы измерения +10 XP
  • Media queries +10 XP
  • Практика: адаптивность +15 XP
16

Анимации и переходы

Научишься делать плавные переходы и анимации на CSS

  • Переходы (transition) +10 XP
  • Анимации (@keyframes) +10 XP
  • Практика: анимации +15 XP
17

Современный CSS

CSS-переменные, calc(), container queries и другие современные фичи

  • CSS-переменные +10 XP
  • Практика: современный CSS +15 XP
18

Финальный проект

Собери всё воедино — сверстай лендинг от шапки до подвала

  • Чеклист верстальщика +10 XP
  • Практика: лендинг +20 XP

Требования

Никаких предварительных знаний не требуется — начинаем с нуля

Вопросы по курсу

Нужен ли опыт программирования?
Нет! Этот курс создан для абсолютных новичков. Мы начинаем с самых основ и постепенно усложняем материал.
Как проходят уроки?
Каждый урок содержит теорию с примерами и интерактивные задания. Ты пишешь код прямо в браузере, а наш компилятор проверяет результат.
Сколько времени нужно на курс?
В среднем курс можно пройти за несколько дней по 1-2 часа в день. Но спешить не нужно — учись в своём темпе.
Получу ли я сертификат?
Да! После прохождения всех уроков и заданий ты получишь электронный сертификат с уникальным ID.

Готов начать?

Запишись бесплатно и начни писать код прямо сейчас. Первый результат через 5 минут.

Начать обучение