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


15.01.2021 - последнее обновление


Тег <html>

Хотя за годы существования HTML появилось много версий языка, основные его принципы остаются неизменными.

Структуру HTML-документа удобно рассмотреть на примере бутерброда. Подобно тому, как бутерброд часто имеет два кусочка хлеба, у HTML-документа есть два тега: открывающий и закрывающий.

Между этими тегами как начинка бутерброда между кусочками хлеба, помещается весь остальной код.


<html>
...
</html>

Все в HTML-документе окружено тегом <html>

Тег <head>

За открывающимся тегом следует заголовок документа, который определяется открывающими и закрывающими тегами <head>

Заголовок содержит все невизуальные элементы HTML-документа, которые управляют отображением страницы.


<html>
    <head>...</head>
</html>

Элементы блока head мы рассмотрим немного позже

Тег <body>

За тегом заголовка head следует тег тела документа body. В теге body заключаются все элементы, отвечающие за визуальное структурное оформление документа.

Заголовки, параграфы, списки, цитаты, изображения, ссылки - это лишь некоторые элементы, которые могут помещатся между тегами body.

Структура простого HTML-документа:


<html>
    <head>
    </head>
    <body>
    </body>
</html>

Тег <body> обрамляет основное содержание HTML-документа.

Проверка знаний

На примере чего удобно рассмотреть структуру HTML-документа?




В какие теги заключаются все элементы, отвечающие за визуальное и структурное оформление документа?




Итого баллов:

Дополнительные сведения
Данные уроки мы - модераторы Web-infinity стараемся делать простыми в понимании, интересными, полезными и эффективными особенно для начинающих. Если у вас появились вопросы на каком либо этапе, уроке, то вы можете обратиться в поддержку по адресу web-infinity-team@mail.ru