> For the complete documentation index, see [llms.txt](https://vyspiansky.gitbook.io/introduction-to-web-development/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vyspiansky.gitbook.io/introduction-to-web-development/html/document-structure.md).
# Структура HTML-документу
Базова структура HTML-документу:
```markup
Заголовок документу
Тут ми пишемо видимі елементи...
```
Першим рядком ми вказали тип документу. Це необхідно, щоб браузер розумів, як слід інтерпретувати (тлумачити) поточну веб-сторінку. Існує декілька типів, при потребі ви зможете ознайомитись з ними в документації по HTML.
У прикладі вище (перший рядок) ми вказали, що будемо використовувати **HTML 5** — найсвіжішу версію мови HTML. Також ми задали нашому документу заголовок і зазначили, що наш документ буде збережено в кодуванні UTF-8.
Шапка (тег `head`) містить невізуальні елементи, теги, які дозволяють підключити CSS-стилі, скрипти, задають кодування сторінки тощо. За тегом `head` одразу слідує тіло документу (тег `body`), в якому розміщують всі візуальні, видимі елементи, наприклад, заголовки, параграфи, картинки, таблиці тощо.