Das HTML-Grundgerüst

Eine HTML-Seite ist ein einfaches Textdokument, das die Dateiendung .htm oder bevorzugt .html besitzt.

Der Aufbau

HTML ist eine spezielle Form eines XML-Dokumentes. In XML werden Daten mit einem sogenannten Tag umklammert, zum Beispiel:

<title>Titel</title>

Tags, die keine Daten enthalten dürfen auch kürzer geschrieben werden:

<br />

Tags können zusätzliche Parameter enthalten:

<meta name="author" content="proggen.org" />

und andere Tags enthalten

<head>
  <title>Titel</title>
  <meta name="author" content="proggen.org" />
</head>

Soweit der Aufbau von HTML-Code. Schauen wir uns eine kurze HTML-Datei an:

Code

<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<!-- Kopfdefintionen (z.B. Metadefintionen oder Stylesheets) -->
</head>
<body>
<!-- Inhalte -->
</body>
</html>

Alles, was zwischen <!-- und --> steht, ist ein Kommentar und wird vom Browser bei der Anzeige der Seite ignoriert, selbst wenn gültiger HTML-Code dazwischen steht.

Bedeutung

Code Bedeutung
<!DOCTYPE html> Definiert das Dokumententyp HTML, damit Browser die Datei als HTML interpretieren kann
<html> Beginn des HTML Bereiches, alle Elemente müssen zwischen die zwei HTML-Tags
<head> Beginn des Kopfteils, hier stehen META-Angaben, sowie der Webseitentitel, und CSS-Definitionen
<title> Legt den Webseitentitel (Browserfenstertitel) auf „Titel“ fest
<body> Der HTML-Körper beginnt. Hier befinden sich alle dargestellten Informationen. (Text, Bilder, Links,…)

Das oben gezeigte Grundgerüst in dieser Form gibt nichts aus. Es setzt lediglich den Titel des Browserfensters (bzw. Tabs) auf „Titel“. Im nächsten Kapitel werden wir Text auf der Webseite darstellen.