| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Absatztypen und Textgestaltung

# Präformatierter Text

Textabschnitt mit präformatiertem Text definieren
Andere Befehle für präformatierten Text

## Textabschnitt mit präformatiertem Text definieren

Anzeigebeispiel: So sieht's aus

Für Programmlistings ist es wichtig, daß sie in `dicktengleicher Schrift` dargestellt werden, und daß Einrückungen so wiedergegeben werden, wie sie beim Editieren eingegeben wurden. Zu diesem Zweck bietet HTML die Möglichkeit der "präformatierten Textabschnitte" an. Auch wenn Sie tabellarische Daten darstellen müssen und auf Tabellen verzichten wollen, können Sie präformatierten Text benutzen. Schließlich ist präformatierter Text ist auch dazu geeignet, um andere Elemente, beispielsweise Grafiken, auszurichten.

#### Beispiel:

    <pre>
      FUNCTION Osterberechnung(year : INTEGER) : INTEGER;
      VAR  a, b, c, d, e, f, g, h, i, k, l, m : INTEGER;
      BEGIN
         a  :=  year MOD 19;
         b  :=  year DIV 100;
         c  :=  year MOD 100;
         d  :=  b DIV 4;
         e  :=  b MOD 4;
         f  :=  ( b + 8 ) DIV 25;
         g  :=  ( b  f + 1 ) DIV 3;
         h  :=  ( 19 * a + b  d  g + 15 ) MOD 30;
         i  :=  c DIV 4;
         k  :=  c MOD 4;
         l  :=  ( 32 + 2 * e + 2 * i  h  k ) MOD 7;
         m  :=  ( a + 11 * h + 22 * l ) DIV 451;
         Easter :=  h + l  7 * m + 22;
      END{FUNC};
    </pre>

#### Erläuterung:

<pre> leitet einen Textabschnitt mit präformatiertem Text ein (pre = preformatted = vorformatiert). </pre> beendet den Abschnitt. Alles, was dazwischen steht, wird so angezeigt, wie es eingegeben wurde, und zwar in dicktengleicher Schrift.

#### Beachten Sie:

Innerhalb von <pre> und </pre> gelten wie in anderen Textabschnitten die Besonderheiten für Umlaute, Sonderzeichen und HTML-eigene Zeichen. HTML-Befehle innerhalb von <pre> und </pre> werden interpretiert. Das hat den Vorteil, daß Sie innerhalb von präformatiertem Text beispielsweise an beliebigen Stellen Grafiken einbinden können (siehe Beispiel).

Beim Editieren von Text, der mit <pre> und </pre> in HTML wiedergegeben werden soll, ist es empfehlenswert, einen Editor zu verwenden, der dicktengleiche Schrift unterstützt.

## Andere Befehle für präformatierten Text

Anzeigebeispiel: So sieht's aus

Neben <pre> ... </pre> gibt es weitere HTML-Tags, die einen eigenen Absatz in dicktengleicher Schrift bewirken.

#### Beispiel: <xmp>

    <xmp>Textabsatz in dicktengleicher Schrift</xmp>

#### Beispiel: <listing>

    <listing>Textabsatz in dicktengleicher Schrift</listing>

#### Beispiel: <plaintext>

    <plaintext>Textabsatz in dicktengleicher Schrift</plaintext>

#### Erläuterung:

Alle drei Befehle bewirken einen eigenen Textabsatz mit dicktengleicher Schriftdarstellung:
<xmp>...</xmp> (xmp = example = Beispiel) ist als logischer Befehl für Quellcode-Beispiele gedacht.
<plaintext>...</plaintext> (plaintext = nackter Text) ist als logischer Befehl zum Darstellen von reinem Text gedacht, etwa zum Zitieren aus einer unformatierten Textdatei.
<listing>...</listing> (listing = zeilenorientierter Quelltext) ist als logischer Befehl für Quelltext von Programmen gedacht.

#### Beachten Sie:

Alle drei Befehle finden in der Praxis kaum mehr Verwendung. Wenn Sie keine besonderen Gründe haben, sollten Sie <pre> ... </pre> zur Darstellung von präformatiertem Text verwenden.

Der Unterschied zwischen <xmp>...</xmp> und <listing>...</listing> liegt in der Schriftweite. <xmp>...</xmp> bewirkt eine weitere Schrift (ausgehend von 80 Zeichen/Zeile beim Ausdruck), <listing>...</listing> eine engere Schrift (ausgehend von 132 Zeichen/Zeile beim Ausdruck). <listing>...</listing> wird von Netscape etwa auch anders dargestellt als <pre>...</pre> und kann daher in einzelnen Fällen eine interessante Alternative sein.

<plaintext>... ist mit Vorsicht zu verwenden. Denn Netscape akzeptiert zu diesem Tag kein abschließendes Tag </plaintext>, während andere Browser das End-Tag interpretieren. Netscape stellt alles in dicktengleicher Schrift dar, was Sie bis zum nächsten Absatz-Befehl (z.B. Überschrift, Absatzschaltung, Hinweisabsatz, Liste usw.) an Text eingeben.

| Blättern: |
Zitate und Adressen |  |  | Logische Textauszeichnung

| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Absatztypen und Textgestaltung