Основы HTML

• HTML-теги, виды тегов и их использование. Атрибуты
• Структура HTML-документа. Теги html, head, body и др.
• Работа с текстом: заголовки, абзацы, списки и цитаты и др.
• Работа с текстом. Применение текстовых стилей и форматирование
• Работа со ссылками: создание гиперссылок, внутренние и внешние ссылки.
  Открытие ссылок в новых окнах.
• Работа с изображениями. Атрибуты изображений и их использование
• Кнопки через тег button и тег a
• Разметка таблиц. Добавление строк и столбцов, объединение
• Контейнеры - тег div
• Способы подключения стилей внутри HTML.
  Встроенные стили, инлайн-стили

Результат:
Узнаете, из каких основных тегов состоит HTML-документ. Изучите правила написания тегов и применения атрибутов. Научитесь создавать блоки с помощью HTML, добавлять тексты, ссылки, изображения и кнопки, таблицы и другие элементы. Научитесь форматировать тексты. Узнаете о способах подключения стилей внутри HTML 

Основы CSS

• Панель разработчика Developer Tools, работа с Панелью
• Введение в CSS и его роль в веб-разработке. CSS-правила
• Селекторы и их типы: теги, классы и идентификаторы и тд
• Наследование CSS. Принудительное наследование — inherit
• Каскадность CSS
• Свойства CSS. Оформление текстов, кнопок, таблиц
• Подключение CSS-стилей на странице. Тег link, директива @import
• Инструменты по работе со шрифтами. Подключение шрифтов
• Блочные и строчные элементы. Свойства display: block, display: inline, display: inline-block Свойство display: none

• Работа с фоном background, background-position, background-repeat, background-size
• Градиенты. Линейные и радиальные

• Внутренние и внешние отступы padding и margin. Границы — свойство border
• Блочная модель Box model. Свойство box-sizing
• Стилизация изображений
• Префиксы CSS: обеспечение совместимости стилей
• Псевдоэлементы ::before и ::after
• Псевдоклассы :hover, :link, :visited, :active и :focus
• Псевдоклассы :not, :root, :first-child, :last-child, :nth-child
• Преобразования элементов: смещение, поворот и увеличение.
  Свойство transform
• Кастомные свойства. Псевдокласс :root
• Директивы @font-face, @import

• Функции calc(), var()
• Флексбоксы display: flex. Свойства flex-direction, flex-wrap, order и др.
• Позиционирование. Свойство position.
  Значения relative, absolute, static. Порядок наложения z-index
• Плавные переходы и анимации. Создание интерактивных элементов
• Адаптивный дизайн с помощью медиа-запросов @media

Результат:
Овладейте ключевыми навыками использования CSS: выбор и стилизация элементов: тексты, изображения, кнопки, таблицы и тд, Создание эффектов анимации и плавных переходов, адаптивный дизайн с использованием медиа-запросов. Закроете пробелы и упорядочите знаний в различных направлениях использования CSS