In HTML gibt es sowohl Paar-Tags als auch Einzel-Tags (auch als selbstschließende Tags oder leere Elemente bekannt). Jeder Typ erfüllt einen bestimmten Zweck und hat eine eigene Funktion.

Paar-Tags

Paar-Tags bestehen aus einem öffnenden und einem schließenden Tag. Sie können Inhalte umschließen und Elemente gruppieren, um bestimmte Eigenschaften zu ändern oder Elemente nach Bedeutung zu sammeln.

Syntax:

html
Code kopieren

Hier ist ein konkretes Beispiel für die Verwendung von Paar-Tags:

In diesem Beispiel:

• <section>...</section> : gruppiert zusammengehörige Inhalte;

• <h1>...</h1> : fügt eine Überschrift für den Abschnitt hinzu;

• <p>...</p> : enthält einen Absatz, der erklärt, dass die meisten HTML-Tags paarweise auftreten.

Einzelne Tags

Einzelne Tags bestehen nur aus einem öffnenden Tag und keinem schließenden Tag. Sie werden verwendet, wenn das Tag keinen Inhalt benötigt oder wenn alle Inhalte und das Verhalten über Attribute festgelegt werden.

Syntax:

html
Code kopieren

Hier ist ein praktisches Beispiel für die Verwendung einzelner Tags:

Dieser Code enthält zwei Elemente:

• <input /> : erzeugt ein Texteingabefeld. Das Attribut placeholder=" name" zeigt einen Hinweis im Feld an;

• <img /> : zeigt ein Bild von Früchten an.

  • alt="Fruits" : Text, der angezeigt wird, falls das Bild nicht geladen werden kann;

  • width und height : legen die Bildabmessungen fest;

  • src : gibt die Bild-URL an.

Verschachtelung von Tags

Beim Verschachteln von Tags ist es wichtig, die Hierarchie einzuhalten, ähnlich wie bei Matrjoschka-Puppen. Jeder verschachtelte Tag sollte korrekt innerhalb seines übergeordneten Tags eingeschlossen werden, wobei stets die Regeln der HTML-Syntax zu beachten sind.

Hier ist ein Beispiel für verschachtelte Tags:

html
Code kopieren

Betrachten wir das folgende gültige Beispiel:

Dieser Code zeigt einen Absatz mit einem Link und hervorgehobenem Text an:

• <p>...</p> : umschließt den gesamten Absatz;

• <a href="https://privacy.com">...</a> : erstellt einen anklickbaren Link zur Datenschutzrichtlinie;

• <strong>...</strong> : hebt das Wort "Website" fett hervor, um es zu betonen.

Zusammenfassung

HTML besteht aus paarigen und einzelnen Tags, die jeweils unterschiedliche Zwecke erfüllen. Paarige Tags besitzen ein öffnendes und ein schließendes Tag, um Inhalte einzuschließen, während einzelne Tags selbstschließend sind. Das korrekte Verschachteln der Tags und das Einhalten der richtigen Hierarchie sind entscheidend für eine wohlgeformte HTML-Struktur.