Для подсветки примеров исходного кода на веб страницах использую подсветку highlight.js Ивана Сагалаева. Но HTML, который я в надежде увидеть в виде кода вставляю настраницу, интерпретируется браузером как разметка. Для корректной работы надо бы все html символы заэскейпить (превратить > в &gt; < в &lt; и т. д.). Лень, да и неудобно (особенно, когда код требует правки). Дословное решение задачи: поместить в виде текста html содержимое элемента.

$('pre code.html').each(function () {
	var self;

	self = $(this);
	self.text( self.html() );
});

Есть но: решение не работатет, если требуется подсветить строку с doctype.