<body> С тегом <body> ( англ. «Тело») вы уже встречались в первом примере. Все, помещаемое внутрь этого элемента, отображается в основном окне браузера.
<head> Вам часто придется видеть элемент <head> ( англ. «Голова»), предшествующий элементу <body>. Он содержит информацию о самой странице, а не ту, которая будет выведена в основную часть окна браузера (выделенную голубым цветом на следующей странице). В элемент <head> также часто включается элемент <title>.
<title> Содержимое элемента <title> ( англ. «Заголовок») выводится либо в заголовке окна браузера (выше текстового поля, в которое вы обычно вводите адрес сайта), либо в качестве названия вкладки страницы (если ваш браузер использует вкладки).
HTML
<html>
<head>
<title>Это заголовок страницы</title>
</head>
<body>
<h1>Это "тело" страницы</h1>
<p>Содержимое, помещенное в "тело" страницы, будет отображено в основном окне браузера</p>
</body>
</html>
Результат

Возможно, вы уже знаете, что аббревиатура HTML расшифровывается как HyperText Markup Language — язык разметки гипертекста. В данном случае слово «гипертекст» означает, что с помощью языка HTML вы можете создавать ссылки, позволяющие посетителям быстро и легко перемещаться с одной страницы на другую. Язык разметки позволяет вам создать примечания к тексту, а эти примечания, в свою очередь, придают дополнительное значение содержимому документа. Представьте себе веб-страницу: к исходному тексту, который вы хотите отобразить в окне браузера, вы добавляете какой-либо код, используемый браузером для корректного отображения страницы. Поэтому теги, добавляемые вами, называются «элементами разметки».
| Использование языка HTML для описания cтруктуры веб-страниц | Создание веб-страницы в операционной системе Windows |