ITED
bootcamp
Основы HTML и CSS
Место создания CERN
Тим Бернерс-Ли
Первый в мире сайт
Развитие спецификаций HTML
HTML Living Standard (WHATWG)
Схема структуры HTML-документа
Минимальный пример с DOCTYPE и <html lang="ru">
Нумерованный и маркированный списки
Ссылка
Схема страницы: header, main, footer, nav, section, article
Рис.: пример тега с атрибутами class и id, подсвеченными.
Рис.: одна и та же разметка без стилей и со стилями (до/после).
Рис.: временная шкала CSS 1, 2, 3 и модули.
Рис.: пример правила с селектором, свойством и значением с подписями.
Рис.: дерево элементов со стрелками наследования (родитель → потомки).
Рис.: схема блочной модели (content, padding, border, margin — концентрические прямоугольники).
Рис.: один блок с content-box и один с border-box при одинаковой width.
Рис.: контейнер flex с элементами и подписями осей (main, cross).
Рис.: сетка 3 на 3.
Рис.: один макет на десктопе и на мобильном (два варианта экрана).
Рис.: схема слоёв (z-index) или примеры relative/absolute/fixed.
Рис.: схема веток.
Рис.: веб компоненты и кастомные элементы.