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

Один из простых способов - перевод знаков < и > в мнемонический (символьный) вид. Браузер видит каждый символ буквально и отражает его в виде символа, а не кода. Ручная замена - долгое занятие, можно воспользоваться онлайн - инструментами. Просто вставляете код HTML, жмете кнопку и получаете код для вставки.

• opinionatedgeek.com
• foxtools.ru
• webtoolhub.com
• apsolyamov.ru

Желательно заключить полученный код в тег <pre></pre> - текст будет отображаться привычным моноширинным шрифтом, сохраняя все пробелы.

<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
<script type="text/javascript">SyntaxHighlighter.all();</script>

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

Онлайн - инструменты для подсветки кода:

• markup.su
• quickhighlighter.com
• highlight.hohli.com/
• tohtml.com

1. <script type="text/javascript" src="scripts/shCore.js"></script>
2. <script type="text/javascript" src="scripts/shBrushJScript.js"></script>
3. <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
4. <script type="text/javascript">SyntaxHighlighter.all();</script>

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

• SyntaxHighlighter
• jQuery Snippet Syntax Highlighting
• Google code prettify 

Источник