Menu
CoddyTech

Verschachtelung und schließende Tags

Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 4 von 60.

In HTML bedeutet Verschachtelung, ein Element innerhalb eines anderen zu platzieren. Zum Beispiel kannst du ein <strong>-Tag innerhalb eines <p>-Tags platzieren, um Text innerhalb eines Absatzes fett darzustellen.

So sieht es aus:

<p>This is <strong>bold</strong> text.</p>

Schließende Tags sind entscheidend. Jeder öffnende Tag muss einen entsprechenden schließenden Tag haben.

Das End-Tag ist dasselbe wie das Start-Tag, jedoch mit einem Schrägstrich (/) vor dem Tag-Namen. Zum Beispiel beginnt <p> einen Absatz, und </p> beendet ihn.

Eine falsche Verschachtelung kann zu Darstellungsproblemen führen. Achte immer darauf, Tags in der richtigen Reihenfolge zu schließen. Das innere Tag sollte vor dem äußeren Tag geschlossen werden.

Korrekte Verschachtelung:

<p>This is <strong>bold</strong> text.</p>

Falsche Verschachtelung:

<p>This is <strong>bold text.</p></strong>
challenge icon

Aufgabe

Einfach

Dir wird ein HTML-Dokument mit einem Absatzelement gegeben. Verschachtle innerhalb des Absatzes ein <strong>-Element um das Wort „important“. 

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
        <p>This is an important message.</p>
    </body>
</html>
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Grundlagen

Übe selbstständig: Web-Playground