Все теги HTML делятся на уровни и типы. В принципе это одно и тоже, только названия разные. Уровни обозначают построение тегов по ранжиру или по их значимости. Низший уровень тега всегда вставляется в блок тега высшего уровня. А высший тег не может быть вставлен в низший. По поводу типа тегов - это различие между тегами по функциям применения. Для лучшего понимания, ниже приведем таблицу:
Таблица уровней и типов html тегов.
Необходимо понимать, что уровни обозначаются условно и могут быть исключения, но пока мы в дебри не полезем. При составлении документа, правильно будет писать теги, более низкого уровня с отступом, в право на один шаг, как это показано на Screen 1. Хотя,
Screen 1.
прямой столбик тоже не станет ошибкой, но будет считаться эстетически не грамотным письмом. Второй столбик, под надписью "Правильно", показывает, как грамотно писать код html. Отступы нужны не для того, чтобы было красиво, а для того, чтобы проще было разобраться в содержании документа. Однако, как составлять документ, конечно решать Вам.