Mathe und Info

Seite

Elemente und Tags

Sinn und Zweck

HTML ist eine Seitenbeschreibungssprache. Das heißt man beschreibt mit ihr, wie Dinge auf einer Seite dargestellt werden. Wenn der Browser die HTML-Datei analysiert und anschließend auf dem Bildschirm darstellt, so spricht man von „rendern“. HTML ist genauso wie jede andere Sprache ( Englisch, Deutsch, C, C++) und besteht aus Vokabeln und Regeln.

Vokabeln

Die Vokabeln der Sprache HTML werden durch Angabe spitzer Klammern < > gekennzeichnet. Man spricht dann auch von einem sogenannten „Tag“.

Ein Tag besteht dabei immer aus:

Tag = <Tagname>

Syntax von Elementen

Das einfachste Konstrukt in HTML ist ein „Element“. Ein Element besteht immer aus:

Element = Start-Tag + Inhalt + End-Tag

Dabei gilt für das End-Tag immer:

End-Tag = </Tagname>

Beispiel

Ein einfaches Beispiel ist eine Überschrift:

<h1>Dies ist eine Überschrift</h1>

Ausnahmen

Es gibt wie bei vielen Sprachen jedoch auch Ausnahmen, die daher kommen, dass HTML sich seit Version 1.0 weiterentwickelt hat. Ein paar Elemente aus 1.0 haben aufgrund der großen Verbreitung immer noch Bestand. Dazu zählen etwa die folgenden Tags, die keinen Inhalt und damit auch kein End-Tag besitzen:

Block- und Inline Elemente

HTML unterscheidet grundsätzlich zwischen zwei Arten von Elementen

Blockelement:
Die sogenannten Block Elemente erzeugen zwangsweise einen eigenen Absatz.
Inlineelement:
Die Inline Elemente erzeugen keinen eigenen Absatz.

Verschachtelungregel

Elemente in HTML sind in der Regel ineinander verschachtelt. Das heißt ein Absatz <p> kann ein Bild <img> oder einen Link <a> enthalten. Dabei ist zu beachten, dass ein Element immer vollständig in einem anderen enthalten sein muss.

falsches Beispiel:

Bei diesem Beispiel überlappen sich die Elemente a und p, da a zwar innerhalb von p startet aber nicht innerhalb wieder endet. Korrekt müsste es lauten: