CSS CONFIG:
<style TYPE="text/css"> <!-- body { font-family: verdana; } pre { font-family: courier; font-size: 0.7em;} span.Symbol { color: #00FFFF; } span.String { color: #FF00FF; } span.HexNumber { color: #FF00FF; } span.Comment { color: #F4F889; } span.Keyword { color: #FF8000; font-weight: bold; } span.Directive { color: #CC3333; font-weight: bold; } span.Identifier { color: #CCCCCC; } span.Number { color: #FFFF00; } --> </style>

HIGHLIGHTED HTML:
<pre> <span class="Keyword">uses</span> <span class="Identifier">pwinit</span><span class="Symbol">,</span> <span class="Identifier">pwmain</span><span class="Symbol">;</span> <span class="Keyword">begin</span> <span class="Identifier">outln</span><span class="Symbol">(</span><span class="String">'this is nice!!!'</span><span class="Symbol">)</span><span class="Symbol">;</span> <span class="Identifier">outln</span><span class="Symbol">(</span><span class="String">'we can discuss web programs together'</span><span class="Symbol">)</span><span class="Symbol">;</span> <span class="Identifier">outln</span><span class="Symbol">(</span><span class="String">'and they are source code highlighted.'</span><span class="Symbol">)</span><span class="Symbol">;</span> <span class="Comment">(* test comments * * test comments *)</span> <span class="Identifier">outln</span><span class="Symbol">(</span><span class="String">'and this is my test.'</span><span class="Symbol">)</span><span class="Symbol">;</span> <span class="Keyword">end</span><span class="Symbol">;</span> <span class="Identifier">ciao</span><!---------------------> <!-- End of File ------> <!---------------------> </pre>