Записывайтесь на бесплатный онлайн-интенсив «Верстка для дизайнеров и фрилансеров» в 19:00 мск
Записаться
arrow-left
Вернуться к продуктам
Кратко о видео

В уроке разобраны основы 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 и CSS — технологий, на которых строится любая веб-страница. Ты узнаешь, как устроен HTML-документ, что такое теги и классы, а также как HTML связывается с CSS.

Также разберём принципы блочной вёрстки и базовую терминологию, которая понадобится при создании сайтов.

После просмотра ты будешь лучше понимать структуру веб-страниц и получишь фундамент для дальнейшего изучения вёрстки.

Тайминги видео

00:00 — Введение в HTML и CSS

00:50 — Что такое HTML-теги

02:12 — Структура HTML-документа

02:48 — Связывание HTML с CSS через классы

03:39 — Основные принципы блочной верстки

Бесплатный курс из 9 уроков
За 9 уроков — от первого блока до готового сайта
Практический курс для тех, кто хочет делать сайты без кода. Узнаешь, как устроена вёрстка сайтов на практике в визуальном редакторе — без единой строчки кода.
Подробнее о курсе
Group 2087327254
🔒Taptop Design Community
3 000+ человек уже верстают в Taptop
Если есть сложности с реализацией какого‑то элемента — не останешься один на один с вопросом, участники чата и команда Taptop всегда помогут.

Внутри: материалы по визуальной вёрстке, разборы сайтов, полезные гайды и новости платформы.
Вступить в сообщество
Бесплатный курс из 9 уроков
За 9 уроков — от первого блока до готового сайта
Практический курс для тех, кто хочет делать сайты без кода. Узнаешь, как устроена вёрстка сайтов на практике в визуальном редакторе — без единой строчки кода.
Подробнее о курсе
Group 2087327254
🔒Taptop Design Community
3 000+ человек уже верстают в Taptop
Если есть сложности с реализацией какого‑то элемента — не останешься один на один с вопросом, участники чата и команда Taptop всегда помогут.

Внутри: материалы по визуальной вёрстке, разборы сайтов, полезные гайды и новости платформы.
Вступить в сообщество

Другие продукты академии