HTML-Code auf einer Website ausgeben?

du könntest das ganze auch machen, indem du die tags maskierst...
also die < und > durch &lt; und &gt; ersetzt. farbliche hervorhebungen kannste
dann ganz normal mit css machen...

Dafür gibt es auch das spezielle Element code, das du per CSS entsprechend formatieren kannst.
Ersetze bei deinem HTML-Code die eckigen Klammern:
< durch &lt;

und

> durch &gt;