Современная HTML-разметка
5 минутТег aside в HTML: когда дополнительному содержимому нужен отдельный элемент
Разбираем назначение aside, отличие от боковой колонки и примеры доступной разметки дополнительных материалов.
Архив
Автор: Ronald
Современная HTML-разметка
6 минутСемантические теги HTML: как разметить структуру страницы
Разбираем семантические элементы HTML, их назначение и типичные ошибки на примере полноценной страницы.
Современная HTML-разметка
7 минутОсновные HTML-теги: практический справочник для начинающего верстальщика
Основные элементы HTML по задачам: структура документа, текст, ссылки, списки, таблицы, формы и мультимедиа.
Современная HTML-разметка
7 минутКак HTML-форма отправляет данные и как безопасно обработать их на сервере
Путь данных от элементов формы до PHP: action, method, имена полей, GET и POST, валидация, CSRF и безопасный вывод ошибок.
Современная HTML-разметка
5 минутКак подключить JavaScript к HTML и когда выполняется код
Подключение JavaScript-модулей, defer и async, работа с DOM, события и безопасная организация клиентского кода.
Современная HTML-разметка
4 минутыКак задать цвет текста на странице: CSS-свойство color
Современные способы задать цвет текста через CSS: форматы цветов, наследование, переменные, состояния ссылок и контраст.
Современная HTML-разметка
5 минутЗаголовки h1–h6 в HTML: как построить понятную иерархию
Практическое руководство по уровням заголовков HTML, доступности, SEO и типичным ошибкам структуры.
Современная HTML-разметка
5 минутВложенность тегов в HTML: как браузер строит DOM и где возникают ошибки
Правила вложенности HTML, модель родительских и дочерних элементов, автоматическое исправление браузером и способы проверки разметки.
CSS: каскады и оформление
4 минутыHover-эффекты для кнопок в CSS: состояния без вреда для доступности
Как оформить :hover, :focus-visible и :active у кнопки, добавить плавный переход и учесть сенсорные устройства и reduced motion.
CSS: каскады и оформление
4 минутыЧто такое CSS и с чего начать его изучение
Первые шаги в CSS: подключение файла, синтаксис правила, селекторы, каскад, box model, раскладка и учебный маршрут.