HTML и CSS

Из чего сделан любой сайт, чем HTML отличается от CSS и как устроен этот тренажёр. Первый тег ты напишешь уже здесь.

Из каких обязательных частей состоит любая веб-страница, что такое теги, атрибуты и вложенность.

Заголовки разных уровней, абзацы, выделение важного, переносы и разделители. Всё, из чего состоит текстовая часть сайта.

Как оформить перечисления, связать страницы ссылками и вставить изображения. Сайт становится «живым».

Семантические теги (header, nav, main, footer), универсальные обёртки div и span, и классы — «крючки», за которые потом цепляется CSS.

Поля ввода, кнопки и таблицы — то, через что сайт общается с пользователем и показывает данные.

Начинается вторая половина курса. Учимся «красить» страницу: как устроено правило CSS, как выбирать элементы и задавать цвет.

Управляем внешностью текста: размер, жирность, выравнивание, шрифт, межстрочный интервал. Из этого рождается аккуратная типографика.

Каждый элемент — это коробка со слоями: содержимое, внутренний отступ, рамка и внешний отступ. Понял box model — понял вёрстку.

Свойства, которые превращают серые прямоугольники в приятные карточки: закруглённые углы, мягкие тени, плавные градиенты.

Самый нужный инструмент современной вёрстки. Выстраиваем элементы в ряд или столбец, выравниваем и распределяем их одним махом.

Когда нужно разложить элементы таблицей (галерея, дашборд, колонки) — Grid делает это в пару строк.

Как сделать, чтобы страница хорошо выглядела и на широком мониторе, и на телефоне: гибкие размеры и медиазапросы.

Плавные эффекты при наведении, трансформации и ключевые кадры — то, что делает сайт «живым» и приятным.

Собираем всё изученное в одну красивую страницу: шапка, экран-герой, блок преимуществ и подвал. Твой первый настоящий сайт.