Здравия желаю труженникам шестидневки.
Каждый раз, когда приходится заглядывать под капот html-страниц, прихожу в ужас от обилия тегов, нагромождения текста.
Может быть есть какие-нибудь программы, которые подсвечивают текст HTML или выстраивают дерево элементов, представляют структуру страницы визуально?
Сейчас попробовал простенькую страничку собрать с помощью редактора веб-страницы в Chrome, и по ощущениям, у меня от этого на пару седых волос стало больше.
Сейчас буду пробовать то же самое делать в notepad++

Поставь вскоде.
Правда, для дерева - скорее всего нужны какие0то плюгины, но +- там можно сделать.

F12 в браузере

Вы еще до стилей не дошли,вот там вам дерево тегов не поможет.

(0) инспектор в инструментах разработчика в хроме/фаерфоксе прекрасно отображает структуру страницы

(1) плагин prettier сделает как надо

а вообще то, что получается в итоге в браузере может быть намного сложнее того, что в редакторе кода, спасибо веб компонентам всяким, pug, sass, webpack и прочему

(5) Шо, прямо таки деревом, с отдльными узлами свойств?
Или просто отформатирует?

(7) ну, деревом оно само станет с отдельными узлами, при открытии. но вот когда всё в одной строке без форматирования не обойтись.
еще прикольная тема сортировщик атрибутов, он отдельно.

(0) В Эдже в редакторе страницы переключи вид с "DOM Дерева" на "Доступное дерево", сразу все станет проще.