У нас есть код, который с тегами, спец символами и т.д и нам надо вставить его в текст HTML страницы

ВСЁ ПРОСТО:
Вставляем код с помощью другого кода
Зачем это нужно?
Для публикации интересных кусков вида:
<p>ПРОСТО ТЕКСТ</p>
Как вставить программный код в HTML
Для этого нам понадобиться тег <code>. Для этого берем наш кусок кода и оборачиваем его в этот тег.
Получается чтото вроде:
// Пример кода на JavaScript
const square = (num) => {
return num * num;
};
Часто <code> используется с оберткой его в <pre> Т.к он позволяет сохранить форматирование необходимого куска. Если мы публикуемся без <pre>, тогда оборачиваем каждую строку в <span>, <p> или ещё во что-то строчное. И добавляем туда CSS по вкусу ^.^
Простой способ вставить код в HTML
Естественно это использование спец символов