CODE, XMP, PRE, TT

hier normaler text in einem 'p' - tag, zum vergleich.

 textabschnitt mit tag 'code' . textabschnitt mit tag 'code' . textabschnitt mit tag 'code' . textabschnitt mit tag 'code' . textabschnitt mit tag 'code' . textabschnitt mit tag 'code' . textabschnitt mit tag 'code' . textabschnitt mit tag 'code' . textabschnitt mit tag 'code' .

<p> abschnitt mit 'xmp'. abschnitt mit 'xmp'. abschnitt mit 'xmp'. abschnitt mit 'xmp'. abschnitt mit 'xmp'. abschnitt mit 'xmp'. abschnitt mit 'xmp'. abschnitt mit 'xmp'. abschnitt mit 'xmp'.</p>

abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'. abschnitt mit 'pre'.

und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt . und zum schluss: tt .

Fazit:

code, xmp, tt & pre stellen den Text in einer speziellen Schriftart dar. Meistens ist dies Courier oder eine andere proportionale Schrift* .
Besonderheiten:

bei 'pre' & 'xmp' erfolgt kein automatischer Zeilenumbruch am Seitenrand (im Text enthaltene Zeilenumbrüche werden jedoch interpretiert, im Gegensatz zu 'normalem' HTML.)
Tags innerhalb von 'xmp' werden nicht interpretiert, sondern ausgeschrieben > 'xmp' eignet sich also als einziges der besprochenen Tags dazu, Quelltext anzuzeigen. (Besser ist es jedoch, < für< und > für > zu nehmen, weil dann auch [automatische] Zeilenumbrüche erfolgen. Die meisten HTML-Editoren haben eine Funktion zur HTML-Konvertierung integriert, bei Ulli Meybohms HTML Editor z.B. markiert ihr den gewünschten Abschnitt und drückt Shift+Ctrl+C oder geht auf 'Konvertierung').

* proportional = alle Buchstaben weisen die gleiche Länge auf, im Ggs. zu nichtproportionalen Schriften wie Times New Roman, Arial oder Verdana:

Courier:
witzig Hammer

Times New Roman:
witzig
Hammer

Arial:
witzig
Hammer

Verdana:
witzig
Hammer

kleiner :
witzig
Hammer

kleiner:
witzig
Hammer

noch kleiner :
witzig
Hammer

noch kleiner:
witzig
Hammer

M.A. Fux, 18/Jan/01