Если вы пишите мануалы по программированию, вы сталкивались с такой проблемой, как вставка кода в материал.

Самый простой способ — перевод знаков < и > в мнемонический (символьный) вид. Браузер воспринимает каждый символ буквально и отражает его в виде символа, а не кода.

Ручная замена — скучное занятие, лучше воспользоваться онлайн-инструментами. Порядок простой — вставляете код HTML, жмете кнопку — получаете код для вставки.

1. Вставка HTML кода в  веб-страницу .

2. Вставка программного кода с подсветкой синтаксиса.

3. Решения на jQuery.

Если вам понравился материал, поделитесь им в социальных сетях. Спасибо!