Прогресс завершения курса:

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

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

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

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

<html>
...
</html>

Тег <head>

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

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

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

</html>

Тег <body>

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

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

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