Codes stellst du am besten mit den Pre-Tags da, siehe Wikipedia (die kästen mit der blauen gestrickelten umrahmung)
statt < verwendest du < (lower than - kleiner als)
statt > verwendest du > (greater than - größer als)
Einen Teil, den du farbig darstellen möchtest schreibst du einfach innerhalb des pre in einen Span mit diesen eigenschaften rein, beim Span schreibst du dann einfach > statt > und < statt < und der wird ganz normal umgesetzt.