HTML-файл начинается с базовой структуры. Она включает в себя теги, которые есть в любом HTML-файле. Теги и инфа в них нужны браузеру для корректного отображения страницы.
Давайте разберем базовую структуру, которая есть в любом HTML файле.
<!DOCTYPE> - Он не относится к тегам и его нет на странице. Его задача обьяснить браузеру, какой стандарт HTML используется в этом документе. Сейчас везде стандарт HTML5.
<html></html> - Парный тег, является основой. Именно внутри него располагается вся информация. Браузер понимает где начинается и где заканчивается веб-страница. Важной частью тега html является наличие атрибута lang. В нем указывается язык, на котором отображается веб-страница.
<head></head> - Парный тег, служит для хранения служебной информации. Проще говоря у файла есть голова и тело. В голове храниться основа основ сайта, название сайта, ключевые слова, описание, подключение CSS и JS и т.д. Тело хранит в себе весь контент, что будет находится на сайте.
<meta> - С атрибутом charset. Он позволяет установить кодировку документа. В ней каждый символ имеет уникальный значение, благодаря чему браузеры, могут одинаково отображать один и тот же текст. большинство необходимых символов из разных языков, является кодировка UTF-8. Именно эту кодировку используют всегда.
<title></title> - Парный тег, используется для указания заголовка страницы.
<link> - В этом теге прикрепляют к HTML, файлы CSS, JS и т.д.
<body></body> - Парный тег, является телом страницы. Именно здесь размещается весь контент, который будет показан на странице.