правила жизни кота кекса html ответ
Пройти курс HTML Academy
Чтобы в основной цели не было каши, решила курс вывеси в отдельную цель.
Критерий завершения
Личные ресурсы
Знакомство
Другие способы подключения CSS
Свойства и значения CSS
Работа над ошибками
Структура HTML-документа
С чего начинается HTML
Описание содержания страницы
Подключение внешних стилей
Подключение внешних скриптов
Первое итоговое задание
Второе итоговое задание
Знакомство с HTML5
Хедер и футер. Тэги header и footer
Основное содержание. Тэг main
Разделы страницы. Тэги article и section
Изображения в формате SVG
Использование нестандартных шрифтов
Подробнее о шрифтах. Правило @font-face
Дополнительное содержание. Тэг aside
Еще раз про article. Анонс поста
Завершаем главную: наполнение
Внутренняя страница: структура поста
Даты для людей и машин. Тэг time
Картинки с подписями. Тэги figure и figcaption
Форматы и источники видео
Форматы и источники звука
Испытание: другой вариант главной
Разметка текста с помощью HTML
Заголовки и подзаголовки
Ещё более многоуровневый
Важность. Теги strong и b
Акцентируем внимание. Теги em и i
Переносы и разделители. Теги br и hr
Верхние и нижние индексы
Помечаем изменения. Теги del и ins
Просто выделенный текст
Испытание: разметка статьи
Ссылки и изображения
Задаём адрес ссылки
Ссылка на изображение
Знакомство с таблицами
Задаём рамки с помощью CSS
Улучшаем отображение рамок
Горизонтальные и вертикальные рамки
Отступы внутри ячеек
Отступы между ячейками
Испытание: простая, но аккуратная таблица
Объединяем ячейки в строках
Объединяем ячейки в столбцах
Комбо: colspan + rowspan
Испытание: таблица посложнее
Выравнивание содержимого в ячейках
Задаём размеры таблицы
Задаём размеры отдельных ячеек и столбцов
Испытание: итоговая таблица
Знакомство с формами
Текстовое поле ввода
Идентификатор и значение по умолчанию
Подпись для поля ввода
Связываем подпись и поле по id
Добавим ещё одно поле
Поле для ввода пароля
Кнопка отправки формы
Многострочное поле ввода
Чекбокс или «галочка»
Испытание: форма регистрации
Переключатель или «радиобаттон»
Раскрывающийся список или «селект»
Поле для загрузки файлов
Испытание: редактирование профиля
Формы и HTML5
Испытание: формы — вспомнить всё
Сброс введенных значений
Альтернативный способ задания кнопок
Поле выбора времени
Список возможных значений
Поле ввода числового значения
Другие поля для ввода дат
Выбор из диапазона
Область для вывода результата
Группировка полей формы
Паттерны значений полей
Поле ввода телефона
Подсказка при заполнении полей
Поля ввода адресов сайтов и email
Группировка элементов списка
Запрет редактирования полей
Управление автозаполнением полей
Переключение между полями
Проверяем работу localStorage
Испытание: через тернии к звёздам
Знакомство с CSS
Свойства для оформления текста
Свойства для задания размеров и отступов
Создание сетки страницы
Каскадность. Переопределение стилей
Каскадность и приоритеты
Каскадность. Коктейль из классов
Селекторы
Нелёгкая жизнь без селекторов
Селекторы по тегам
Селекторы по классам
Отрабатываем селекторы по классам
Контекстные и соседние селекторы
:nth-child и контекстные селекторы
Динамические эффекты с помощью :hover
Псевдоклассы :link, :visited и :active
Наследование и каскадирование
Наследование «на пальцах»
Еще немного про наследование
Битва за курочку. Раунд второй
Битва за курочку. Раунд третий
Битва за курочку. Борьба накаляется
Битва за курочку. Запрещённый приём
Еще одна задачка на специфичность
Расчет значения специфичности
Еще задачка на порядок кода
Испытание: взломанный котопрофайл
Промежуточные испытания
Испытание 1: фигурное катание, спортивные пары
Испытание 2: медальный зачёт
Испытание 3: фильтры по цене
Селекторы. Часть 2
Cелектор последующих элементов
Фон для псевдоэлементов
Псевдоэлементы :first-line и :first-letter
Испытание: первая раскладка
Испытание: вторая раскладка
Селекторы. Часть 3
Ищем в начале строки: [foo^=»bar»]
Ищем в конце строки: [foo$=»bar»]
Поиск подстроки везде: [foo*=»bar»]
Поиск слов внутри строки: [foo
Поиск префиксов: [foo|=»bar»]
Поиски котов. Часть 1
Поиски котов. Часть 2
Котография 9 на 12
Псевдоклассы :enabled и :disabled
Псевдоклассы :read-only и :read-write
Псевдоклассы :invalid и :valid
Псевдоклассы :in-range и :out-of-range
Объединяй и властвуй
Испытание: UI-кит для формы
Оформление текста с помощью CSS
Главный текстовый тег — span
Свойство font-size: задаем размер шрифта
Свойство font-weight: толщина начертания
Свойство font-style: курсив
Свойство font-family: шрифт
Свойство color: цвет текста
Свойство text-decoration: подчеркивание и другие эффекты
Задаем регистр символов с помощью text-transform
Управляем пробелами: white-space
Горизонтальное выравнивание текста: text-align
Вертикальное выравнивание: vertical-align
Верхние и нижние индексы на CSS
Свойство line-height: управляем высотой строки