В уроке разобраны основы HTML и CSS: структура HTML-документа, назначение тегов, классы и связь HTML-разметки со стилями. Показано, как элементы страницы объединяются в блоки и почему блочная вёрстка является основой создания сайтов.
HTML отвечает за структуру контента, а CSS — за его внешний вид. Понимание этой связи помогает правильно строить иерархию элементов, создавать понятную структуру проекта и легче работать с конструкторами и инструментами визуальной вёрстки.
Урок подходит новичкам, которые только начинают изучать веб-разработку и хотят разобраться в базовой логике создания сайтов. Предварительные знания HTML и CSS не требуются.
Подробнее про HTML-теги:
Справочник MDN - https://developer.mozilla.org/ru/docs/Web/HTML/Reference/Elements
Справочник Дока.Гайд - https://doka.guide/html/
Начинаешь верстать сайт, но непонятно, почему элементы находятся именно в таком порядке и как вообще устроена страница внутри? Что такое теги? Зачем нужны классы? Как связаны HTML и CSS?
Без понимания базовой структуры сложно разбираться в чужом коде, правильно строить блоки и создавать масштабируемые проекты.
HTML отвечает за структуру страницы, а CSS — за её внешний вид. Понимая, как они работают вместе, ты сможешь уверенно создавать собственные блоки, понимать логику вёрстки и быстрее осваивать инструменты разработки.
В этом уроке Александр Гудаев разбирает основы HTML и CSS — технологий, на которых строится любая веб-страница. Ты узнаешь, как устроен HTML-документ, что такое теги и классы, а также как HTML связывается с CSS.
Также разберём принципы блочной вёрстки и базовую терминологию, которая понадобится при создании сайтов.
После просмотра ты будешь лучше понимать структуру веб-страниц и получишь фундамент для дальнейшего изучения вёрстки.
00:00 — Введение в HTML и CSS
00:50 — Что такое HTML-теги
02:12 — Структура HTML-документа
02:48 — Связывание HTML с CSS через классы
03:39 — Основные принципы блочной верстки