HTML с нуля: своя страница за 30 дней
30 дней · 20–30 минут · лёгкий
Ступень 1 · Свой сайт с нуля
Тридцать дней по двадцать минут — и у вас своя страница, свёрстанная руками. Без копирования готового и без кода, написанного за вас.
без регистрации · прогресс хранится в браузере
Каждый день · 20–30 минут
- 10 мин
Прочитать
- 15 мин
Написать руками
- 5 мин
Проверить себя
Четыре недели
- 01 — текущая неделя
Как устроен веб
Что происходит при открытии сайта, редактор, скелет страницы, заголовки и абзацы, инструменты разработчика.
- 02
Текст, ссылки, картинки
Выделение, списки, ссылки, вторая страница, картинки с подписями и внятным alt.
- 03
Структура и порядок
Смысловые блоки, меню, разделы, таблица, валидатор и невидимая часть страницы.
- 04
Формы и итог
Форма с полями и label, доступность с клавиатуры, превью в мессенджерах, итоговая страница с нуля.
Что изменится
Через месяц вы сами, без подсказок, верстаете страницу из нескольких разделов — с меню, картинками, таблицей и формой — и понимаете каждый тег в ней.
За тридцать дней программировать не научиться. За тридцать дней можно сверстать свою страницу руками и понять, из чего она состоит. Это первая ступень пути: дальше — оформление, логика и свой сайт по своей ссылке.
Что понадобится
Компьютер с Windows, macOS или Linux — с телефона код не пишут · браузер Chrome или Firefox · редактор VS Code — бесплатный · папка для файлов · интернет, чтобы читать справку.
Для кого
Тем, кто ни разу не писал код и хочет понять, как устроены сайты, которые открывает каждый день.
На что опирается программа
- Дока (doka.guide) — справочник по HTML, доступности и инструментам на русском языке.
- MDN Web Docs на русском — документация Mozilla по вебу.
- The W3C Markup Validation Service (validator.w3.org) — проверка разметки.