Как правильно вывести HTML теги на страницу?

Чтобы вывести HTML теги на страницу, необходимо решить 2 задачи:
1. Браузер скрывает HTML теги, поэтому нам нужно заменить значки '''' на ''<'' и ''&tg;''. После такой замены, видим символы похожие на HTML теги в разметке.
2. Браузер удаляет пробелы, поэтому все уровни вложенности просто схлопываются. Для решения данной задачи используем тег '''', который позволяет сохранить форматирование текста.
Получаем такую разметку в разметке:
Вывод тегов
< !DOCTYPE html >
__< html >
____< head >
... и так далее
Типичный Веб Разработчик