Веб-разработкаС нуляТренажёр

Курс «Основы HTML и CSS»

Любой сайт начинается с вёрстки. На курсе вы научитесь размечать страницы семантичным HTML, оформлять их на CSS, раскладывать блоки флексбоксом и гридом, делать формы и анимации и страницы, которые хорошо выглядят и на телефоне, и на большом экране. В конце вы сверстаете своё портфолио, а продолжить можно в курсе «Продвинутая вёрстка».

Первые 11 уроков бесплатно, нужна только почта.
Входит в подписку на все курсы: 1 500 ₽ в месяц

Оценка 4,9 из 5.45 отзывов в Google55выпускников на Хабр Карьере
Уровень
С нуля
Формат
Онлайн, в своём темпе
Проверка
Автопроверка в тренажёре
Доступ
Сразу после оплаты

Кому подойдёт курс

  • 01

    Хотите делать сайты и начать с основы

  • 02

    Дизайнер и хотите сами верстать свои макеты

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

  • Верстать страницы по макету
  • Раскладывать интерфейсы на Flexbox и Grid
  • Делать адаптивную вёрстку и тёмную тему
  • Писать доступную семантичную разметку
  • Оформлять формы, переходы и анимации
  • Сверстать своё портфолио с переключателем темы

Темы и инструменты

  • HTML
  • CSS
  • Flexbox
  • Grid
  • Адаптивность
  • Формы
  • Анимации

Как проходит обучение

Так выглядит курс на платформе — настоящие экраны курсов «LLMOps и инференс», алгоритмов и вайбкодинга. Учитесь в своём темпе, без расписания и вебинаров.

courses.moscoding.ru/courses/mlops
Урок «vLLM: сервер, флаги, метрики»: лог запуска сервера с пометками, термины на полях и программа курса слева

Короткий текст на материале настоящей работы: логи, дашборды, ответы агента. Термины поясняются на полях, слева вся программа курса.

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

30 модулей, 678 уроков, из них 435 задач в тренажёре. Все уроки открыты сразу — проходите в удобном порядке.

Модуль 1Введение в HTML и семантику

6 уроков, 4 практики

  • HTML — язык разметки
  • Семантика
  • Главный заголовок h1
  • Где писать HTML
  • Доступность
  • Заголовки и программы экранного доступа
Модуль 2Заголовки

2 урока, 7 практик

  • Заголовки разделов h2
  • Уровни h3–h6
Модуль 3Каркас документа

5 уроков, 7 практик

  • Атрибуты
  • Шаблон HTML-документа
  • Содержимое head
  • Комментарии
  • Пробелы и переносы строк
Модуль 4Абзацы, списки и валидность

5 уроков, 13 практик

  • Абзацы
  • Текст и абзацы
  • Списки ol и ul
  • Вложенные списки
  • Валидный HTML
Модуль 5Ориентиры, акценты и изображения

6 уроков, 16 практик

  • Ориентиры страницы
  • Важное: strong и b
  • Акценты: em и i
  • Блочные и строчные элементы
  • Картинки
  • Альтернативный текст
Модуль 6Знакомство с CSS

6 уроков, 11 практик

  • Что такое CSS
  • Правило и селектор
  • Свойства и объявления
  • Каскад
  • Стили браузера
  • Наследование
Модуль 7Шрифты, единицы и блочная модель

8 уроков, 19 практик

  • Размер шрифта
  • Свойство display
  • Ширина блока
  • Фон и рамка
  • Блочная модель
  • Внутренние отступы
  • Внешние отступы
  • Строчная блочная модель
Модуль 8Классы, id и специфичность

7 уроков, 13 практик

  • Атрибут id
  • Селектор id
  • Атрибут class
  • Селектор класса
  • Несколько классов
  • Сочетания селекторов
  • Специфичность

Стоимость обучения

Одна подписка открывает все курсы школы и продлевается автоматически.

Подписка на месяц

1 500 ₽

Для компаний — 5 000 ₽ в месяц за сотрудника

  • 22 курсов: Вайбкодинг, Claude Code, LLM, AI-агенты, LLMOps и ещё 17
  • Новые курсы и обновления без доплат
  • Тренажёр с автопроверкой прямо в браузере
  • Учёба в своём темпе, без расписания
  • Отмена в любой момент по ссылке из письма об оплате

Хочу бесплатно

Мы за то, чтобы образование было доступно всем и всегда. Если сейчас нет денег на подписку, выбери курс и срок и расскажи о себе: кто ты, чем занимаешься и зачем тебе этот курс.

Мы читаем каждую историю и открываем выбранный курс на нужный срок бесплатно. Ответ придёт на почту. Некоторые истории мы можем опубликовать в соцсетях школы.

Оплата на странице Т-Банка: карта, T-Pay или СБП. Доступ открывается сразу после оплаты на courses.moscoding.ru.

Частые вопросы

Что входит в подписку?

Все курсы школы, сейчас их 22: Вайбкодинг, Claude Code, LLM, AI-агенты, LLMOps, Разработка по спекам, JavaScript, TypeScript, Node.js, React, TanStack, Системный дизайн, Python, Алгоритмы, Математика, Solidity, HTML и CSS, Продвинутая вёрстка, Git, SQL, Linux, Rust. Новые курсы и обновления уроков появляются в подписке без доплат.

Нужен ли опыт программирования?

Нет. С нуля начинаются Вайбкодинг, Claude Code, JavaScript, Python, HTML и CSS, Git, SQL и Linux. React, TypeScript, TanStack и Solidity удобнее проходить после основ JavaScript, а LLM, AI-агентов и Rust — когда уже пишете код на любом языке.

Как проходит обучение?

Короткие уроки с примерами и задачи в браузерном тренажёре: решение проверяется сразу, а если не прошло, есть подсказки и разбор. В курсах Вайбкодинг, Claude Code, TypeScript, React, Системный дизайн и Git задачи решаете у себя и сверяетесь с разбором. Учитесь в своём темпе, расписания нет.

Нужно ли что-то устанавливать?

Для курсов с тренажёром — нет: редактор кода и тесты работают прямо в браузере, хватит ноутбука или компьютера с интернетом. Для курсов Вайбкодинг, Claude Code, TypeScript, React, Системный дизайн и Git понадобится редактор кода на своём компьютере.

Можно попробовать до оплаты?

Да: у каждого курса первые уроки бесплатны, сколько именно — написано на карточке курса. Нажмите «Попробовать бесплатно» на странице курса и оставьте почту: пришлём ссылку, и курс сразу откроется на платформе. Бесплатно открыт один курс за раз: если начнёте другой, прежний закроется, а прогресс в нём сохранится и вернётся после оплаты.

Когда откроется доступ?

Сразу после оплаты. Войдите на courses.moscoding.ru с почтой, которую указали при оформлении, — пришлём ссылку для входа.

Сколько стоит и как платить?

1 500 ₽ в месяц или 15 000 ₽ в год. Оплата картой, через T-Pay или СБП на странице Т-Банка. Подписка продлевается автоматически с той же карты. Для компаний — 5 000 ₽ в месяц или 50 000 ₽ в год за сотрудника. Для корпоративной подписки напишите на courses@moscoding.ru.

Как отменить подписку?

В любой момент по ссылке из письма об оплате или письмом на courses@moscoding.ru. После отмены новых списаний не будет, а доступ сохранится до конца оплаченного периода.

Другие курсы

  • Стандарт агентной работы

    Основы Claude Code

    Настоящая работа руками Claude Code без программирования: документы, данные, сайты, GitHub и автоматизации.
  • Основа всех AI-продуктов

    Основы LLM

    Как языковая модель пишет текст, учится и ошибается — и как на ней строить: API, контекст и поиск, эвалы и защита от инъекций.

Начните учиться сегодня

Все курсы за 1 500 ₽ в месяц. Доступ откроется сразу после оплаты, отменить можно в любой момент.

Для компаний — 5 000 ₽ в месяц за сотрудника

Все курсы в подписке

1 500 ₽ в месяц

Для компаний — 5 000 ₽ в месяц за сотрудника

Оформить