Wie macht man es?

Hallo Leute,
für meinen Blog, wollte ich neben einer Selektfunktion (noch nicht fertig), etwas konstruiren das mir folgendes "Ergebnis" liefert:
[attachment=0]<!-- ia0 -->Unbenannt.PNG<!-- ia0 -->[/attachment]

Als Code habe ich nur:

<div class="code">
body {
 
}
div#page {
width: 800px;
}
</div>

An einen Syntax Highlighter habe ich schon gedacht, aber das möchte ich mir lieber selben bauen.

Also konkret brauche ich das hier:
1. JS: Abwechselnd den Zeilen Styles geben
2. JS: Zahlen davor auflisten

2. könnte ich auch durch <ol><li>...</li><li>...</li></ol> umsetzen. Das ist mir aber zu umständlich.

Mit freundlichen Grüßen,
Philipp Escher

Stimmt, an CSS hatte ich überhaupt nicht mehr gedacht