Частенько для примера на страницах необходимо показать код который необходимо использовать, но как это сделать если обработчик пытается прочитать этот код и сразу отобразить.
В таких случаях необходимо использовать highlight.js, на самом деле подобных решений достаточно много, но мы работаем именно с ним по причине очень простой установки на сайт.
Переходим на сайт: https://highlightjs.org/.
Добавляем в head пару строк:
В том месте где необходимо использовать код оборачиваем его в теги pre и code.