Webmaster-Crashkurs

Aufbau HTML-TAG

HTML-TAGs haben alle denselben Aufbau.

Der Anfangs-TAG

Die Bereiche, auf die sich der HTML-TAG bezieht werden umschlossen vom Anfangs-TAG und vom End-TAG. Dadurch ist dann sauber definiert, wo ein Bereich beginnt und wo ein Bereich endet.

Ein HTML bzw. XHTML-TAG beginnt immer mit einem Kleinerzeichen

<

Nach dem Kleinerzeichen kommt die Abkürzung des englischen Begriffs, der die Funktion des HTML-TAGs bereits umschreibt, z.B. steht das p für Paragraf.

Zum Abschluß des HTML-TAGs kommt das Größerzeichen.

>

Somit sieht der gesamte HTML-TAG dann wie wie folgt aus, wobei das x hier im Beispiel als Platzhalter dient, für die jeweilige englische Abkürzung.

<x>

Der End-TAG

Der End-TAG ist fast identisch zum Anfangs-TAG, er hat zusätzlich ein Schrägstrich (Slash) / nach dem Kleinerzeichen. Die engl. Abkürzung wird nochmals wiederholt, damit klar ist, welcher HTML-TAG geschlossen wird - sprich hier endet.

Der Aufbau also vom End-TAG

</x>

Kompletter HTML-TAG mit Anfangs- und End-TAG

Im folgenden Beispiel wird ein Inhalt (sinnreich mit "Inhalt Inhalt") umschlossen von den HTML-TAG

<x>Inhalt Inhalt</x>

Reales Beispiel mit dem HTML-TAG für Absatz

Im folgenden Beispiel erstellen wir 2 Absätze mit folgenden gezeigten Inhalt:

in diesem Beispiel sehen Sie hier im Absatz 1, der lang genug sein sollte, damit dieser am rechten Rand umbrechen muss, wie der Abstand sich zum nächsten Absatz verhält. Der entsprechende HTML-TAG für Absätze ist das p, das für das englische Paragraf steht.

Hier kommt nun der zweite Absatz

Und das ganze als HTML-Code

  1. <p>in diesem Beispiel sehen Sie hier im Absatz 1, der lang genug sein sollte, damit dieser am rechten Rand umbrechen muss, wie der Abstand sich zum nächsten Absatz verhält. Der entsprechende HTML-TAG für Absätze ist das p, das für das englische Paragraf steht.</p>
  3. <p>Hier kommt nun der zweite Absatz</p>
HTML5-Video-Kurs:
hier klicken für
mehr Informationen
© 2008-2024   •   www.webmaster-crashkurs.de - HTML5 Tutorial mit Videos • Impressum • Datenschutzerklärung
weitere eigene Projekte: