Основы HTML и CSS

- Введение в HTML и CSS
- Синтаксис HTML
- Структура документа
- Структура проекта
- Инструменты верстальщика
- Задачи верстки и верстальщика

- IP-адрес, домен, DNS
- HTTP, HTTP2 и HTTPS
- Структура HTTP запросов и ответов
- Фронтенд и бэкенд
- Хостинг
- URL-адреса

- Контентная модель документа
- Правила вложенности тегов
- Заголовки и параграфы
- Разметка текста
- Вставка изображений
- Списки
- Ссылки
- HTML мнемоники
- Комментарии
- Таблицы
- Теги pre и code

- Каскадирование
- Подключение стилей
- Сброс стилей
- Селекторы тегов
- Селекторы классов
- Селекторы идентификаторов
- Контекстные селекторы
- Дополнительные селекторы
- Оформление текста
- Выбор цвета
- px, em, rem и проценты
- Подключение внешних шрифтов
- Внутренние отступы
- Внешние отступы
- Внешние отступы и зона контента
- Рамки и границы
- Селекторы псевдоклассов
- Селекторы псевдоклассов, часть 2
- Селекторы атрибутов

- Растровая и векторная графика
- Графические редакторы
- Базовые настройки фотошопа
- Получение параметров текста
- Параметры блоков
- Экспорт растровых изображений
- Экспорт векторных изображений
- hover для изображений
- Фоновые изображения
- Спрайты

- Обзор структуры
- Навигация и тег nav
- Теги section и article
- Теги header и footer
- Тег aside

- Введение в блочные и строчные элементы
- Отступы блочных элементов
- Выпадание внешних отступов
- Схлопывание внешних отступов
- Поток документа
- Свойство float
- Построение сеток
- Построение сеток, часть 2
- Колонки
- Относительное позиционирование
- Абсолютное позиционирование
- Фиксированное позиционирование
- Блочно-строчные элементы
- Сетки на блочно-строчных элементах
- Скрытие блоков

- Простая HTML-форма
- Текстовые поля
- Другие типы полей
- Подписи полей
- Чекбоксы и галочки
- Переключатели
- Раскрывающийся список
- Загрузка файлов
- GET или POST
- Кнопки
- Дополнительные возможности форм

- Объединение ячеек
- Расширенная структура таблицы
- Стилизация таблиц

- Инструменты верстальщика