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

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

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

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

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

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

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

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

7 уроков
Открытый
1.1 Введение ↗
229
229
1м 14с
0
Открытый
1.2 Настройка рабочего окружения ↗
138
102
8м 31с
0
Открытый
1.3 Что такое HTML и как он работает ↗
109
87
4м 46с
0
Открытый
1.4 Теги, атрибуты и структура документа ↗
93
77
7м 4с
0
Открытый
1.5 Разбор html / head / body ↗
92
92
2м 33с
0
Открытый
1.6 Создаём первый HTML-файл ↗
82
69
4м 23с
0
Открытый
1.7 Подключаем favicon ↗
80
58
7м 29с
0

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

3 урока
Открытый
2.1 Заголовки h1–h6: иерархия и правила ↗
75
61
7м 38с
0
Открытый
2.2 Параграфы, переносы, strong и em ↗
66
58
5м 15с
0
Открытый
2.3 Семантические теги ↗
62
55
9м 35с
0

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

3 урока
Открытый
3.1 Списки ↗
62
52
7м 47с
0
Открытый
3.2 Создание ссылок ↗
55
31
5м 29с
0
Открытый
3.3 Навигация ↗
52
45
6м 49с
0

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

2 урока
Открытый
4.1 Работа с изображениями ↗
54
46
8м 46с
0
Открытый
4.2 Как подготавливать изображения для веба ↗
49
43
5м 7с
0

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

2 урока
Открытый
5.1 Семантические блоки ↗
52
52
1м 45с
0
Открытый
5.2 Логическая структура страницы ↗
53
46
5м 8с
0

6. Таблицы

2 урока
Открытый
6.1 Вёрстка таблиц ↗
53
47
8м 8с
0
Открытый
6.2 Назначение таблиц ↗
49
44
1м 34с
0

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

2 урока
Открытый
7.1 Типы полей ввода ↗
51
47
7м 7с
0
Открытый
7.2 Семантика формы ↗
51
41
10м 52с
0

8. Практика

9 уроков
Открытый
8.1 Структура одностраничного портфолио (Landing Page) ↗
55
45
4м 58с
0
Открытый
8.2 Блок приветствия ↗
49
42
6м 6с
0
Открытый
8.3 Блок проектов ↗
46
41
4м 46с
0
Открытый
8.4 Блок «Обо мне» ↗
44
38
6м 49с
0
Открытый
8.5 Блок навыков ↗
41
37
1м 54с
0
Открытый
8.6 Блок обратной связи ↗
42
38
4м 47с
0
Открытый
8.7 Блок контактов ↗
41
36
2м 46с
0
Открытый
8.8 Footer ↗
41
36
2м 1с
0
Открытый
8.9 Итоговая сборка страницы ↗
49
34
7м 59с
0

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

1 урок
Открытый
9.1 🔗 Полезные ссылки ↗
46
46
0м 9с
0