-> Fahrenheit
    f = ((c * 9 ) / 5 ) + 32;
    f = parseInt(f * 10) / 10;
    return(f);
    }
    
    Bild 4.11: Im Browser wiedergegeben wie im Editor eingegeben: präformatierter Bereich in HTML
Erläuterung
    Ein Bereich für präformatierten Text wird durch

…

markiert (pre = preformatted = vorformatiert). Web-Browser stellen alle darin enthaltenen Inhalte, inklusive des Leerraums, wie eingegeben dar. Zur Darstellung wird bei grafischen Browsern üblicherweise eine Monospace-Schrift (Courier oder ähnliche) verwendet, da solche Schriftarten besonders bei Code-Listings für besser lesbare Ausgaben sorgen.
    Zwischen

und

können Sie Text und andere HTML-Elemente notieren. Die HTML5-Spezifikation empfiehlt, den Inhalt durch geeignete Elemente zur Textauszeichnung zu präzisieren. So wird der Inhalt des
pre
-Elements im obigen Beispiel zusätzlich in ein
code
-Element eingeschlossen. Dieses Element signalisiert, dass es sich beim Inhalt um ein Code-Listing handelt. Andere präzisierende Elemente dieser Art sind beispielsweise
kbd
(für die Darstellung von Tastatureingaben) oder
samp
für die Darstellung von beispielhaften Programmausgaben.
Weitere Hinweise
    Mit CSS bzw. CSS-Eigenschaften können Sie auch proportionale Schriftarten für
pre
-Bereiche erzwingen. Auch CSS-Eigenschaften wie Rahmen, Abstände oder Hintergrundfarben sind geeignet, um
pre
-Bereiche optisch zu gestalten.
Referenzinformationen
    Elementreferenz

:

4.2.9      Trennlinien
    Trennlinien dienen der optischen Abgrenzung von nicht unmittelbar zusammengehörigen Textabschnitten oder allgemein zur Auflockerung. Eine Trennlinie erzeugt einen eigenen Absatz.
Beispiel
    
Hier ist ein Abschnitt zu Ende.

    

    
Und hier beginnt etwas Neues.

Erläuterung
    

(hr = horizontal rule = horizontale Linie) fügt eine Trennlinie ein. Dabei ist es egal, ob das Tag am Ende der Zeile des vorherigen Absatzes, in einer eigenen Zeile (wie im Beispiel) oder am Anfang des folgenden Absatzes steht.
    Bild 4.12: Eine horizontale Linie zwischen zwei Absätzen.
Weitere Hinweise
    Wenn Sie XHTML-Standard-konform arbeiten, müssen Sie das
hr
-Element als inhaltsleer kennzeichnen. Dazu notieren Sie das alleinstehende Tag in der Form

.
    Auch Trennlinien können Sie mit CSS bzw. CSS-Eigenschaften gestalten. Die Wirkungsweise einer Trennlinie können Sie beispielsweise durch Angaben zu Breite, Höhe, Farbe und Abständen beeinflussen.
Referenzinformationen
    Elementreferenz

:

4.2.10   Allgemeine Bereiche
    Sie können mehrere Inhalte wie Text, Grafiken, Tabellen und andere Elemente in einen gemeinsamen Bereich einschließen. Dieses allgemeine Element bewirkt nichts weiter als eine neue Zeile im Fließtext. Ansonsten hat es keine Eigenschaften und keine spezielle Bedeutung. Es ist dazu gedacht, um mit Hilfe von CSS formatiert zu werden. In der Praxis wird es gerne zum Definieren von Layout-Bereichen verwendet.
Beispiel
    

    
    

    

    
HOME

    viel Inhalt
    

Erläuterung
    Mit

…

(div = division = Bereich) markieren Sie einen allgemeinen Bereich, Im obigen Beispiel sind zwei solche Bereiche notiert. Der erste davon enthält zu Demonstrationszwecken einige CSS-Angaben. Diese bewirken, dass der zweite Bereich neben dem ersten ausgerichtet wird.
    Bild 4.13: Etwas CSS und die beiden Bereiche werden nebeneinander angeordnet.
Weitere Hinweise
    Verwenden Sie das
div
-Element nur dann, wenn es kein Element gibt, das den einzuschließenden Bereich präziser auszeichnet. Wenn der eingeschlossene Bereich also etwa ein Header oder Footer ist, sollten Sie die entsprechenden Elemente (
header
bzw.
footer
) verwenden und nicht das
div
-Element. Das
div
-Element ist hingegen die richtige Wahl, wenn ein Bereich, etwa eine Seitenleiste, alles Mögliche enthält, also etwa eine Navigation, Werbung, Zusatzinfos, Volltextsuchfeld usw. oder wenn es sich um einen sogenannten Wrapper handelt – eine Technik, die beim Fixieren von Webseiten-Layouts häufig zum Einsatz kommt.
    Mit CSS bzw. CSS-Eigenschaften können Sie Bereiche beliebig gestalten. Normalerweise ist es günstiger, solche CSS-Layoutangaben in einem Stylesheet-Bereich oder in einer separaten CSS-Datei zentral zu notieren. Die Notation in einem
style
-Attribut wie im obigen Beispiel ist jedoch ebenfalls