Kapitel 1: Einführung in HTML

Wir fangen mit den Grundlagen zu HTML an und werden Schritt für Schritt neue Elemente kennenlernen.

Du kannst jederzeit auf der rechten Seite Änderungen vornehmen und schauen wie sie sich auswirken. Für den Notfall gibt es unter dem Quellcode einen Reset-Button.

Einleitung

HTML ist eine sogenannte Auszeichnungsprache. Wie du im Quellcode rechts sehen kannst, werden verschiedene Bereiche immer durch zusammengehörige Markierungen (engl. Tag) wie zum Beispiel <p> und </p> ausgezeichnet. Diese Markierungen treten fast immer im Doppelpack auf.

Auf dieser Seite verwenden wir 3 verschiedene Elemente, die wir uns jetzt nacheinander anschauen.

Überschriften

Überschriften werden mit den Tags <h1>-<h6> ausgezeichnet. Dabei sind niedrigere Zahlen wichtigere Überschriften und werden größer dargestellt.

Absätze

Absätze werden mit einem <p> ausgezeichnet.

Der Browser stellt Absätze immer mit ein wenig Abstand dar.

Links

Links sind das wichtigste Element im Internet. Mit ihnen kann man zwischen verschiedenen Seiten navigieren.

Links werden mit einem <a> ausgezeichnet und enthalten zusätzlich das Attribut href. In diesem Attribut wird das Ziel des Links angegeben. Es können Links auf externe Seiten, wie die folgenden, aber auch auf interne Seiten sein. Die Navigationslinks unten sind beispielsweise interne Links.

Beispiele: Google oder SELFHTML - Textstrukturierung


StartseiteImpressum zu Kapitel 2: Noch mehr Tags