Zurück zu HTML

HTML

Interaktiv

Einige HTML-Elemente bringen Interaktion direkt mit, ohne dass du sofort JavaScript schreiben musst.

Aufklappen und Dialoge

details und summary erzeugen einen nativen aufklappbaren Bereich.

dialog ist ein natives Dialogelement, das per JavaScript geöffnet werden kann.

<details><summary><dialog>
Details
<details>
  <summary>Mehr anzeigen</summary>
  <p>Dieser Text ist erst nach dem Klick sichtbar.</p>
</details>

Status und Messwerte

progress zeigt Fortschritt auf ein Ziel.

meter zeigt einen Wert in einem bekannten Bereich, etwa Speicher oder Bewertung.

<progress><meter>

Fortgeschrittene Elemente

noscript ist ein Fallback, wenn JavaScript deaktiviert ist.

iframe bettet andere Seiten ein. template und slot sind wichtig für Web Components.

<noscript><iframe><template><slot>

Fortschritt

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.