HTML-Dokumente sind wie folgt aufgebaut:

<html>
    <head>
        <title>Titel der Webseite</title>
        <!-- weitere Kopfinformationen -->
    </head>
    <body>
        Hello world! <!-- Kommentare werden allerdings nicht angezeigt. -->
    </body>
</html>

Innerhalb des <html>-Tags werden zwei Bereiche unterschieden:

  1. Der Kopf <head> enthält technische Informationen. Diese werden jedoch nicht im Browserfenster dargestellt.
    Z.B. wird hier mit <title> der Text ausgezeichnet, der in der Titelleiste des Browserfensters angezeigt werden soll.
  2. Die im HTML-Körper <body> enthaltenen strukturierten Informationen werden im Browser angezeigt.


Es gibt verschiedene HTML-Versionen und Dokumenttypen. Am besten wählt man den zuverlässigen neuesten HTML5-Dokumenttyp und den umfassenden UTF-8 - Zeichensatz:

<!DOCTYPE html>                     <!-- HTML5 -->
    <head>
        <title>Titel der Webseite</title>
        <meta charset="utf-8" />    <!-- Voreinstellung UTF-8  -->
    </head>
    <body>
       ...
So lassen sogar deutsche Sonderzeichen direkt darstellen (falls man sie denn mit einer deutschen Tastatur eingeben kann).

Last modified: Tuesday, 15 August 2017, 1:03 PM