HTML Tutorial

[ Inhaltsverzeichnis ]
[ 1.1 ] [ 1.2 ] [ 1.3 ] [ 1.4 ] [ 1.5 ] [ 1.6 ] [ 1.7 ] [ 2.0 ] [ 2.1] [ 2.2 ] [ 2.3 ] [ 2.4 ] [ 2.5 ] [ 2.6 ] [ 2.7 ] [ 2.8 ] [ 2.9 ] [ 3.0 ] [ 3.1 ] [ 3.2 ] [ 3.3 ]

HTML Quellcode:

<html>
<head>
<title>Mustermanns Blumenladen </title>
</head>

<body>
Willkommen bei HTML!
</body>

</html>

So sieht's im Browser aus

Erklärung des obigen Codes:

  • Ein HTML-Dokument besteht aus Elementen, d.h. Bausteinen, die durch sogenannte Tags eingeschlossen werden. Tags sind "Steuerzeichen", die von dem Browser nicht angezeigt werden. Sie stehen in spitzen Klammern.
  • Jedes Element hat einen Namen, sagen wir elem (Achtung: Das ist nur ein Beispiel, in HTML gibt es das nicht!). In dem HTML-Dokument würde dieses Element von einem Start-Tag mit dem Elementnamen in spitzen Klammern begonnen:

    <elem>

    und mit dem Ende-Tag

    </elem>

    abgeschlossen.
  • Jede Seite beginnt mit dem html Tag
  • Nachfolgend wird das head Tag gesetzt, es leitet den html Kopf ein. Alle Anweisungen innerhalb der head Tags sind Anweisungen an den Browser, welche keine Auswirkungen auf das Aussehen der Seite innerhalb des Fensters hat. Hier steht z.b. das title Tag, er beinhaltet den Titel der Seite, der in der Titelleiste des Fensters erscheint.
  • Nach dem head folgt der body. Das body-Element enthält den im Browserfenster darzustellenden Inhalt. In unserem ersten Beispiel ist das ein einfacher Text: "Willkommen bei HTML!".
  • Wie jedes andere Tag, wird auch html geschlossen.

[ Inhaltsverzeichnis ]
[ 1.1 ] [ 1.2 ] [ 1.3 ] [ 1.4 ] [ 1.5 ] [ 1.6 ] [ 1.7 ] [ 2.0 ] [ 2.1] [ 2.2 ] [ 2.3 ] [ 2.4 ] [ 2.5 ] [ 2.6 ] [ 2.7 ] [ 2.8 ] [ 2.9 ] [ 3.0 ] [ 3.1 ] [ 3.2 ] [ 3.3 ]

©2003 de Vries