Сколько стоит курс «Основы HTML и CSS»?

Стоимость курса составляет 3900.00 рублей

Сколько времени занимает прохождение курса «Основы HTML и CSS»?

Прохождение курса «Основы HTML и CSS» занимает примерно 19 часов.

Какой рейтинг у курса «Основы HTML и CSS»?

Курс имеет рейтинг 4.8 из 5 на основе 50 отзывов. На курсе обучается 625 учеников.

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

Да, при успешном завершении курса выдаётся сертификат от платформы Stepik. На данный момент 218 учеников получили сертификат (34.9% завершаемость).

Где можно пройти курс «Основы HTML и CSS»?

Курс доступен на образовательной платформе Stepik по адресу stepik.org/course/58973.

Курс на Stepik

Обложка курса «Основы HTML и CSS» на Stepik

3 900 ₽

Основы HTML и CSS ★ 4.820

Name: Основы HTML и CSS
Price: 3900.00 RUB
Availability: InStock
Rating: 4.82 (50 reviews)

Открыть на
STEPIK.ORG

Курс для начинающих верстальщиков сайтов на HTML и CSS. Разбираем реальные макеты, изучаем семантику языка, отрабатываем навыки в тренажере. В курсе более 190 заданий. Из них 150 – решение практических задач.

Показатель	Текущие показатели		Рост
Показатель	Значение	🏆 Рейтинг	3 дн	7 дн	30 дн
Учеников на курсе	625
Сертификатов выдано	218
Отзывов получено	50
Рейтинг курса	4.820
Количество уроков	87
Количество квизов	39
Количество задач с кодом	156
Время прохождения курса	19 ч.	—
Стоимость курса	3 900 ₽	—
Обновления курса	—	—
Дата публикации курса	6 лет назад	—	—	—	—
Последнее обновление	22 июля 2026	—	—	—	—

Содержание курса

10 разделов Уроки в курсе «Основы HTML и CSS»

87 уроков Тесты в курсе «Основы HTML и CSS»

39 тестов Задачи в курсе «Основы HTML и CSS»

156 задач Время прохождения курса «Основы HTML и CSS»

19 ч.

обн. 22 июля 2026

Введение

6 уроков

1. Введение в HTML и CSS ↗

2. Синтаксис HTML ↗

3. Структура документа ↗

4. Структура проекта ↗

5. Инструменты верстальщика ↗

6. Задачи верстки и верстальщика ↗

Базовые понятия интернета

6 уроков

1. IP-адрес, домен, DNS ↗

2. HTTP, HTTP2 и HTTPS ↗

3. Структура HTTP запросов и ответов ↗

4. Фронтенд и бэкенд ↗

5. Хостинг ↗

6. URL-адреса ↗

HTML-теги

11 уроков

1. Контентная модель документа ↗

2. Правила вложенности тегов ↗

3. Заголовки и параграфы ↗

4. Разметка текста ↗

5. Вставка изображений ↗

6. Списки ↗

7. Ссылки ↗

8. HTML мнемоники ↗

9. Комментарии ↗

10. Таблицы ↗

11. Теги pre и code ↗

Основы CSS

19 уроков

1. Каскадирование ↗

2. Подключение стилей ↗

3. Сброс стилей ↗

4. Селекторы тегов ↗

5. Селекторы классов ↗

6. Селекторы идентификаторов ↗

7. Контекстные селекторы ↗

8. Дополнительные селекторы ↗

9. Оформление текста ↗

10. Выбор цвета ↗

11. px, em, rem и проценты ↗

12. Подключение внешних шрифтов ↗

13. Внутренние отступы ↗

14. Внешние отступы ↗

15. Внешние отступы и зона контента ↗

16. Рамки и границы ↗

17. Селекторы псевдоклассов ↗

18. Селекторы псевдоклассов, часть 2 ↗

19. Селекторы атрибутов ↗

Работа с изображениями

10 уроков

1. Растровая и векторная графика ↗

2. Графические редакторы ↗

3. Базовые настройки фотошопа ↗

4. Получение параметров текста ↗

5. Параметры блоков ↗

6. Экспорт растровых изображений ↗

7. Экспорт векторных изображений ↗

8. hover для изображений ↗

9. Фоновые изображения ↗

10. Спрайты ↗

Структура документа

5 уроков

1. Обзор структуры ↗

2. Навигация и тег nav ↗

3. Теги section и article ↗

4. Теги header и footer ↗

5. Тег aside ↗

Блоки и сетка документа

15 уроков

1. Введение в блочные и строчные элементы ↗

2. Отступы блочных элементов ↗

3. Выпадание внешних отступов ↗

4. Схлопывание внешних отступов ↗

5. Поток документа ↗

6. Свойство float ↗

7. Построение сеток ↗

8. Построение сеток, часть 2 ↗

9. Колонки ↗

10. Относительное позиционирование ↗

11. Абсолютное позиционирование ↗

12. Фиксированное позиционирование ↗

13. Блочно-строчные элементы ↗

14. Сетки на блочно-строчных элементах ↗

15. Скрытие блоков ↗

Погружение в формы

11 уроков

1. Простая HTML-форма ↗

2. Текстовые поля ↗

3. Другие типы полей ↗

4. Подписи полей ↗

5. Чекбоксы и галочки ↗

6. Переключатели ↗

7. Раскрывающийся список ↗

8. Загрузка файлов ↗

9. GET или POST ↗

10. Кнопки ↗

11. Дополнительные возможности форм ↗

Таблицы

3 урока

1. Объединение ячеек ↗

2. Расширенная структура таблицы ↗

3. Стилизация таблиц ↗

Завершение курса

1 урок

1. Инструменты верстальщика ↗