Давно уже надо было бы научиться вставлять куски кода в текст. В том смысле, чтобы он не выполнялся, а только лишь читался. Конечно можно ставить в текст модуль и у меня он есть, но если так делать много-много-много раз, сами понимаете модулей расплодится неимоверное количество.
И наконец-то я въехала, что оказывается код нужно просто переформатировать. Все специальные символы, например <, переформатировать в так называемые HTML-эквиваленты. Для '<' это будет '<', для '>' - '>'
Например, если вставить просто такой код
то появится картинка 
, а в переформатированном виде, вот он, вверху, как миленький, и безо всяких закорючек, которые мы вставляли, они не читаются.
Ну, если еще в CSS прописать стили, то будет вообще замечательно.
Но править код ручками, даже такой маленький, ой как не хочется. А если большой? А если налажаешь?
Нашла сайт, где это делается автоматически. Вставляешь свой текст в форму, нажимаешь кнопку... и вуаля - держи готовый текст! Теги <pre><code>, которые там появляются, я просто проигнорировала, они мне не нужны.
Адрес сайта: http://www.lockator.com.ua/services/html-repl-spec-symb.html
