HTML & CSS

Научитесь создавать современные и адаптивные сайты с помощью HTML и CSS.

О курсе

Этот курс предназначен для тех, кто хочет освоить базовые навыки верстки: работа с HTML-тегами, стилизация элементов с помощью CSS и создание адаптивных макетов.

Основы HTML: теги, атрибуты, структура документа
Основы CSS: селекторы, свойства, каскадность
Работа с Flexbox и Grid
Адаптивный дизайн: медиа-запросы, viewport
Создание простых анимаций с помощью CSS

Видео-лекции

Лекция 1: Введение в HTML

Лекция 2: Основы CSS

Лекция 3: Адаптивный дизайн

Практические задания

Задание 1: Создание простой страницы

Создайте HTML-страницу с заголовком, параграфом и изображением. Стилизуйте её с помощью CSS.

Пример

Задание 2: Работа с Flexbox

Создайте макет с тремя колонками, используя Flexbox. Убедитесь, что макет адаптируется под разные экраны.

Пример

Задание 3: Адаптивный лендинг

Создайте адаптивный лендинг с использованием медиа-запросов и Grid.

Пример