Просмотр кода страницы HTML + CSS (летняя школа 2022)

{{TOCRight}}
== Описание курса ==
В данном курсе мы изучим основы языка гипертекстовой разметки (HTML) и каскадных таблиц стилей (CSS).

Курс проводится в рамках [[Летняя научно-творческая школа информационных технологий 2022|Летней научно-творческой школы информационных технологий 2022]].

== Обучающий сайт ==
* [https://code.mu/ru/markup/book/prime/ Учебник по вёрстке]

== Темы занятий ==
Введение в HTML, Основная структура страницы, Основные теги, Списки ul и ol, Ссылки, Изображения, Таблицы, Введение в CSS, Работа с цветом, Ширина и высота, Выравнивание текста, Жирность, Курсив, Размер шрифта, Семейство шрифта, Межстрочный интервал, Свойство-сокращение font, Красная строка текста, Эффекты текста, Родственные связи тегов, Наследование свойств, Группировка селекторов, Селекторы потомков, Дочерний селектор, Селектор класса, Тег span, Тег div, Группировка классов, Тег с заданным классом, Селектор потомков и классы, Ошибка новичков, Элемент с несколькими классами, Селектор по id, Использование id, Селектор по нескольким классам, Несколько селекторов слитно, Группировка сложных селекторов, Тренировка на комбинации селекторов, Приоритет селекторов, Соседний селектор, Родственный селектор, Универсальный селектор, Селекторы атрибутов, Состояния ссылок, Сложные селекторы со ссылками, Выборка по позиции элементов, Выборка по позиции и типу элементов, Отрицание not, Фоновый цвет, Основы работы с границами, Свойство-сокращение для границы, Границы для разных сторон, Скругление границ и фона, Скругление для разных углов, Скругление процентах, Фоновые картинки, Маркеры списков ul, Маркеры списков ol, Внешний отступ margin, Отступы margin для разных сторон, Несколько значений в margin, Внутренний отступ padding, Отступы padding для разных сторон, Несколько значений в padding, Расширение элементов, Блочные элементы, Строчные элементы, Определение блочной модели, Свойство display, Строчно-блочные элементы, Выравнивание блочных элементов, Выравнивание строчных элементов, Выравнивание строчно-блочных элементов, Флекс элементы, Выравнивание флекс элементов, Абсолютное позиционирование, Относительное позиционирование, Абсолютное относительно родителя, Абсолютное относительно абсолюта, Абсолютное без координат, Центрирование через absolute, Отрицательные значения absolute, Фиксированное позиционирование, Наложение элементов по оси Z, Введение в свойство float, Свойство float и теги, Сочетание float и margin, Сочетание float и padding, Отступы плавающему элементу, Плавающие элементы под тегами, Действие флоатов на родителя, Отмена обтекания, Высота родителя и клиарфикс, Свойство float для блоков, Свойство float и несколько блоков, Свойство float и родитель без текста, Размещение в ряд или колонку, Главная и поперечная оси, Выравнивание по главной оси, Выравнивание по поперечной оси, Значение center свойства align-items, Значение stretch свойства align-items, Практика на выравнивание по осям, Выравнивание отдельного элемента, Порядок flex блоков, Создание меню, Простые одноколоночные макеты сайтов, Схема макетов с несколькими врапперами, Структурные блоки сайта, Схема двухколоночного макета, Схема трехколоночного макета сайта, Специальные теги для элементов макета сайта, Практика на макетах.