Иногда на странице нужно показать образец кода — HTML или CSS. Например:
<img src="https://alexnews.ru/uploads/cargirl.jpg" title="Девушка" />
Однако браузеры отображают этот код буквально, увидеть его на странице не получится:
Поэтому не обойтись без использования HTML-тега PRE.
Решение — использование тега PRE. Вставка кода на веб-страницу
Тег PRE позволяет браузеру отображать код. При вставке HTML-кода на страницу текст будет отображаться привычным шрифтом, сохраняя все пробелы:
<pre>
Пример HTML-кода
</pre>
Удачи!