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

Основы HTML и CSS 4.816

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

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

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Основы HTML и CSS»Учеников на курсе 618
Сертификаты, выданные на курсе «Основы HTML и CSS»Сертификатов выдано 215
Отзывы о курсе «Основы HTML и CSS»Отзывов получено 49
Рейтинг курса «Основы HTML и CSS»Рейтинг курса 4.816
Уроки в курсе «Основы HTML и CSS»Количество уроков 87
Тесты в курсе «Основы HTML и CSS»Количество квизов 39
Задачи с кодом в курсе «Основы HTML и CSS»Количество задач с кодом 156
Время прохождения курса «Основы HTML и CSS»Время прохождения курса
Стоимость курса «Основы HTML и CSS»Стоимость курса 3 900 ₽
Обновления курса «Основы HTML и CSS»Обновления курса
Дата публикации курса «Основы HTML и CSS»Дата публикации курса
Последнее обновление курса «Основы HTML и CSS»Последнее обновление

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

Разделы в курсе «Основы HTML и CSS» 10 разделов Уроки в курсе «Основы HTML и CSS» 87 уроков Тесты в курсе «Основы HTML и CSS» 39 тестов Задачи в курсе «Основы HTML и CSS» 156 задач Время прохождения курса «Основы HTML и CSS» 19 ч. Последнее обновление курса «Основы HTML и CSS» обн. 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. Инструменты верстальщика