Web Basics — HTML & CSS · ⁨Основы веб-разработки — HTML и CSS⁩

Every lesson runs in your browser — write real code, press Run, and the tasks check themselves. Free, no account needed, with translated notes paired with English. · ⁨Каждый урок работает в вашем браузере — пишите реальный код, нажимайте «Выполнить», и задания проверяют себя сами. Бесплатно, регистрация не требуется, с переведёнными заметками, сопоставленными с английским языком.⁩

Start the course · ⁨Начать курс⁩

Lessons in this course · ⁨Уроки в этом курсе⁩

No lessons match. Clear the search or choose another filter.

1. history A short history of the web · ⁨Краткая история интернета⁩ Reading and resources
2. usage What a web page is made of · ⁨Из чего состоит веб-страница⁩ Reading and resources
3. resources Where to learn more · ⁨Где узнать больше⁩ Reading and resources
4. setup What you need (almost nothing) · ⁨Что вам нужно (почти ничего)⁩ Reading and resources
5. 01 Your first web page · ⁨Ваша первая веб-страница⁩ 2 required tasks Video · ⁨Видео⁩
6. 02 Headings and paragraphs · ⁨Заголовки и абзацы⁩ 2 required tasks Video · ⁨Видео⁩
7. 03 Bold, italic and line breaks · ⁨Жирный, курсив и переносы строк⁩ 2 required tasks Video · ⁨Видео⁩
8. 04 Lists 2 required tasks Video · ⁨Видео⁩
9. 05 Links 2 required tasks Video · ⁨Видео⁩
10. 06 Images · ⁨Изображения⁩ 2 required tasks Video · ⁨Видео⁩
11. 07 Make it a real page · ⁨Сделайте из этого полноценную страницу⁩ 2 required tasks Video · ⁨Видео⁩
12. 08 Comments and neat nesting · ⁨Комментарии и аккуратная вложенность⁩ 2 required tasks Video · ⁨Видео⁩
13. 09 Tables · ⁨Таблицы⁩ 2 required tasks Video · ⁨Видео⁩
14. 10 Forms · ⁨Формы⁩ 2 required tasks Video · ⁨Видео⁩
15. 11 Boxes and sections · ⁨Блоки и секции⁩ 2 required tasks Video · ⁨Видео⁩
16. 12 Add some style · ⁨Добавьте стили⁩ 2 required tasks Video · ⁨Видео⁩
17. 13 Selectors — class and id · ⁨Селекторы — класс и id⁩ 2 required tasks Video · ⁨Видео⁩
18. 14 Colours and backgrounds · ⁨Цвета и фоны⁩ 2 required tasks Video · ⁨Видео⁩
19. 15 Styling text · ⁨Стилирование текста⁩ 2 required tasks Video · ⁨Видео⁩
20. 16 The box model · ⁨Модель блока⁩ 2 required tasks Video · ⁨Видео⁩
21. 17 Spacing — margin and padding · ⁨Отступы — margin и padding⁩ 2 required tasks Video · ⁨Видео⁩
22. 18 Showing and hiding (display) · ⁨Показ и скрытие (display)⁩ 2 required tasks Video · ⁨Видео⁩
23. 19 Width and centering · ⁨Ширина и центрирование⁩ 2 required tasks Video · ⁨Видео⁩
24. 20 Rows with Flexbox · ⁨Строки с помощью Flexbox⁩ 2 required tasks Video · ⁨Видео⁩
25. 21 Mini-project: a profile card · ⁨Мини-проект: профильная карточка⁩ 3 required tasks Video · ⁨Видео⁩

Language reference · ⁨Справочник по языкам⁩

/know/reference/html