Ich weiß, dass HTML keine Tabulatoren unterstützt. Es gibt doch aber sicherlich eine Möglichkeit, diesen Effekt irgendwie zu erzielen. Wie kann so eine Lösung aussehen?

Tabulatoren werden innerhalb des <PRE>-Elements ausgewertet.

Alternativ kannst du auch jedes Tab durch ein SPAN ersetzten.

<style>.tab{width:40px;}</style>

Achtung:<span class="tab"></span>das war ein Tab

Wenn du das Tab aber als Einrückung verwenden willst gibt es mehrere Möglichkeiten.

Du kannst mit margin-left oder padding-left zusammen mit <DIV>, <P> oder <SPAN> arbeiten. Oder du nimmst das <BLOCKQUOTE>-Element was du auch verschachteln kannst. Oder du nimmst Tabellen.

<style>.einrueckung{margin-left:40px;}</style>
<div style="einrueckung">
  <p>Das ist ein Test</p>
  <div style="einrueckung">
    <p>Und dieser Text ein noch weiter eingerückt</p>
  </div>
</div>

<BLOCKQUOTE>
  <p>Das ist ein Test</p>
  <BLOCKQUOTE>
    <p>Und dieser Text ein noch weiter eingerückt</p>
  </BLOCKQUOTE>
</BLOCKQUOTE>

Wie du siehst gibt es viele verschiedene Lösungen.

Wenn es sich um eine Tabelle handelt, würde ich das über den <table> setzen, ansonsten schaue Dir CSS und padding-left an.

Innerhalb <pre> wird Tab mit 8 Zeichen Breite angezeigt.
Diese Breite lässt sich mit CSS in firefox und opera anpassen (tab-size).

Da es aber momentan nur die 2 Browser sind, würde ich zur Zeit noch auf Floyds Lösung mit dem <SPAN> setzen.

Edit: es sei denn, 8 Zeichen sind in Ordnung ;)

@Floyd:
die Methode

<style>.tab{width:40px;}</style>

funktioniert nicht. Damit wird der nachfolgenden Text um 40px verschoben und die nachfolgenden Spalten sind nicht bündig
Beispiel:

Achtung:<span class="tab"></span>Text 1
Achtung 2:<span class="tab"></span>Text 2

Damit steht "Text 2" nicht bündig unter "Text 1", was bei einem richtigen Tab der Fall wäre - im Prinzip ist das eine andere Schreibweise für das alte spacer.gif ;)