# Основная структура страницы HTML

Страница сайта - это обычный текстовый файл с расширением `.html`. Внутри этого файла и хранится текст HTML страницы вместе с тегами. Этот файл обязательно должен иметь следующие теги: тег `<html>`, который должен содержать в себе текст всего сайта (все, что написано вне этого тега, браузером будет проигнорировано), а внутри него должны быть еще два тега: тег `<head>` для служебного содержимого страницы и тег `<body>` - для основного текста, который и виден на экране браузера.

В служебное содержимое, которое располагается внутри тега `<head>`, входит много различных вещей, но пока нам нужны только две из них. Это тег `<title>`, задающий название страницы, которое будет видно во вкладке браузера, и тег `<meta>`, который задает кодировку страницы (она ставится в атрибуте `charset` и обычно имеет значение `utf-8`).

Кроме того, перед тегом `<html>` обычно пишется конструкция `doctype`, которая указывает версию языка HTML, на которой сделан сайт. Актуальная сейчас версия языка имеет номер пять и доктайп для нее должен выглядеть так - `<!DOCTYPE html>`.

Итак, давайте посмотрим на основную структуру страницы:

`<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>This is the title</title> </head> <body> This is the main content of the page. </body> </html>`

Создайте файл с расширением `.html`. Скопируйте в него основную структуру страницы. Сохраните ваш файл. Затем откройте его в браузере перетянув файл мышкой или выполнив двойной клик по нему.

← →
↑