Html Css

Django: Статические файлы

Статические файлы — CSS, JavaScript, изображения, шрифты. Django обрабатывает их особым образом: в разработке раздаёт сам, в продакшне требует предварительной...

🟢 Легко

Основные теги HTML

Теги — строительные блоки любой HTML-страницы. Знание базового набора тегов позволяет размечать большинство контента: статьи, навигацию, код, цитаты. В этой...

Django: Наследование шаблонов

Без наследования каждый HTML-шаблон содержал бы дублированный код: навигацию, подключение CSS/JS, футер. Наследование позволяет один раз написать каркас страницы и...

Свойство display

display — одно из самых важных CSS-свойств. Оно определяет, как элемент занимает место на странице и как взаимодействует с соседями.

DevTools браузера для HTML и CSS

DevTools — встроенный инструмент разработчика в любом современном браузере. Он позволяет видеть структуру страницы, менять HTML и CSS прямо в...

🔴 Сложно

Django: Формы в шаблонах

Django-форма — это Python-класс. В шаблоне она превращается в HTML. Разберём способы рендера: от автоматического до полностью ручного.

🟢 Легко

Блочная модель CSS

Каждый HTML-элемент — это прямоугольник. CSS управляет размером этого прямоугольника через четыре слоя: content, padding, border, margin. Вместе они называются...

Bootstrap 5: Сеточная система

Bootstrap Grid — это способ делить страницу на колонки. В основе лежит 12-колоночная сетка: любой ряд можно делить на части,...

Валидация HTML-форм

Браузер умеет проверять данные форм ещё до отправки на сервер — без единой строки JavaScript. Встроенная валидация ускоряет обратную связь...

🟢 Легко

HTML-формы

Форма — основной способ получить данные от пользователя: логин, поисковый запрос, комментарий, настройки. Понять устройство HTML-форм важно ещё и потому,...

Bootstrap 5: Компоненты для DevBlog

Bootstrap поставляется с набором готовых UI-компонентов. Вместо написания CSS с нуля вы берёте HTML-разметку из документации и настраиваете под себя....