Модуль 1

Веб-технологии: HTML и CSS

16 уроков. Разметка страницы, форматирование, ссылки, медиа, семантика, стили и формы.

Уроки

Урок 01

Браузер как редактор

DevTools, панели, правка HTML и CSS прямо в браузере. Работа из file://

 Урок 02

Структура HTML-документа

Теги и атрибуты. DOCTYPE, html, head, body. Стандарты оформления кода.
Урок 03

<head>: метаданные

title, meta, link. Кодировка, описание, подключение стилей. Скоро.

Урок 04

<body>: текст и списки

Заголовки h1–h6, абзацы, маркированные и нумерованные списки. Скоро.

Урок 05

Гиперссылки. Пути. Якоря

Абсолютные и относительные пути, ссылки внутри документа. Скоро.

Урок 06

Форматирование и таблицы

Физическое и логическое форматирование. pre, code, спецсимволы, таблицы. Скоро.

Урок 07

Изображения

img, figure, форматы, отложенная загрузка. Скоро.

Урок 08

Медиа: видео и аудио

video, audio, source. Скоро.

Урок 09

Семантика и доступность

header, nav, main, section, article, aside, footer. Адаптивность. Скоро.

Урок 10

CSS: текст и шрифты

color, font-family, font-size, line-height, text-align. Скоро.

Урок 11

CSS: цвета, фон, границы

HEX, RGB, RGBA. background, border, border-radius. Скоро.

Урок 12

CSS: box model

margin, padding, border, width. Модель коробки. Скоро.

Урок 13

CSS: позиционирование

position, flex, grid. Скоро.

Урок 14

Формы: основа

form, input, button. Скоро.

Урок 15

Элементы форм

textarea, select, атрибуты. Скоро.

Урок 16

Итоговый пример

Собираем страницу с формой. Скоро.