Вывод html тегов на странице с помощью директив pre и code

Для отображения HTML тегов в браузере мы должны заменить в HTML коде символы < > & "
Делаем это с помощью онлайн сервиса Free Online HTML Escape Tool
Затем полученный текст обрамляем в теги

<pre><code>
преобразованный код
</code></pre>

Готовый пример можно посмотреть здесь