Документ

Тег <body>

Предназначен для хранения содержания веб-страницы , отображаемого в окне браузера.

Тег <title>

Определяет заголовок документа.

Тег <head>

Предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.

Элемент <!DOCTYPE>

Предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа).

Тег <!-- -->

Тег добавляет комментарий в код документа.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.