3. Структура документа

Иллюстрация к уроку

Привет, будущие веб-разработчики! Сегодня мы изучим основу любой веб-страницы – её структуру. Понимание структуры HTML документа – это первый и важнейший шаг к созданию красивых и функциональных веб-сайтов.

Основные элементы структуры

HTML документ имеет четкую иерархическую структуру. Это как скелет, который держит все вместе. Основные элементы, которые всегда присутствуют в HTML-документе:

<!DOCTYPE html>: Объявление типа документа. Говорит браузеру, что это HTML5 документ.
<html>: Корневой элемент, который содержит все остальные элементы страницы.
<head>: Содержит метаданные о странице, такие как заголовок, кодировка, подключенные стили и скрипты.
<body>: Содержит все содержимое страницы, которое видит пользователь.

Вот пример базовой структуры HTML документа:

Практический пример

Давайте создадим простую веб-страницу с семантической структурой: