Курс на Stepik
Обложка курса «HTML: Основы и создание первого приложения» на Stepik
Бесплатно

HTML: Основы и создание первого приложения ★ 4.688

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

Этот курс познакомит вас с основами HTML и научит создавать структуру современного веб-приложения с нуля. Вы разберётесь в базовых тегах, семантике и разметке, а также создадите своё первое мини-приложение персональное портфолио. Курс подойдёт новичкам и всем, кто хочет начать путь во фронтенд-разработке.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «HTML: Основы и создание первого приложения»Учеников на курсе 439
Сертификаты, выданные на курсе «HTML: Основы и создание первого приложения»Сертификатов выдано 0
Отзывы о курсе «HTML: Основы и создание первого приложения»Отзывов получено 16
Рейтинг курса «HTML: Основы и создание первого приложения»Рейтинг курса 4.688
Уроки в курсе «HTML: Основы и создание первого приложения»Количество уроков 31
Тесты в курсе «HTML: Основы и создание первого приложения»Количество квизов 21
Время прохождения курса «HTML: Основы и создание первого приложения»Время прохождения курса —
Обновления курса «HTML: Основы и создание первого приложения»Обновления курса — —
Дата публикации курса «HTML: Основы и создание первого приложения»Дата публикации курса — ———
Последнее обновление курса «HTML: Основы и создание первого приложения»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «HTML: Основы и создание первого приложения» 9 разделов Уроки в курсе «HTML: Основы и создание первого приложения» 31 урок Тесты в курсе «HTML: Основы и создание первого приложения» 21 тест Время прохождения курса «HTML: Основы и создание первого приложения» 2 ч. Последнее обновление курса «HTML: Основы и создание первого приложения» обн. 28 января 2026

Введение в HTML

7 уроков
1. Введение ↗
2. Настройка рабочего окружения ↗
3. Что такое HTML и как он работает ↗
4. Теги, атрибуты и структура документа ↗
5. Разбор html / head / body ↗
6. Создаём первый HTML-файл ↗
7. Подключаем favicon ↗

Работа с текстом и заголовками

3 урока
1. Заголовки h1–h6: иерархия и правила ↗
2. Параграфы, переносы, strong и em ↗
3. Семантические теги ↗

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

3 урока
1. Списки ↗
2. Создание ссылок ↗
3. Навигация ↗

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

2 урока
1. Работа с изображениями ↗
2. Как подготавливать изображения для веба ↗

Контейнеры и общая структура страницы

2 урока
1. Семантические блоки ↗
2. Логическая структура страницы ↗

Таблицы

2 урока
1. Вёрстка таблиц ↗
2. Назначение таблиц ↗

Формы и элементы интерфейса

2 урока
1. Типы полей ввода ↗
2. Семантика формы ↗

Практика

9 уроков
1. Структура одностраничного портфолио (Landing Page) ↗
2. Блок приветствия ↗
3. Блок проектов ↗
4. Блок «Обо мне» ↗
5. Блок навыков ↗
6. Блок обратной связи ↗
7. Блок контактов ↗
8. Footer ↗
9. Итоговая сборка страницы ↗

Материалы курса

1 урок
1. 🔗 Полезные ссылки ↗