Grundlegende Syntax

Attribute werden nur innerhalb der spitzen Klammern des öffnenden Tags eines Elements angegeben. Die Syntax zur Definition eines Attributs lautet wie folgt:

html

Wichtige Punkte

• Attribute können optional oder erforderlich sein: Je nach Element können bestimmte Attribute erforderlich sein, damit es korrekt funktioniert, während andere optional sind und zusätzliche Anpassungsmöglichkeiten bieten;

• Attribute werden in Anführungszeichen gesetzt: Attributwerte werden entweder in doppelte ("...") oder einfache ('...') Anführungszeichen gesetzt. Dies hilft, sie vom Namen des Elements zu unterscheiden und verbessert die Lesbarkeit;

• Jedes Tag hat seinen eigenen Satz von Attributen: Verschiedene HTML-Elemente unterstützen unterschiedliche Attribute. Das Verständnis der spezifischen Attribute, die für jedes Element gelten, ist entscheidend, um sie effektiv zu nutzen;

• Mehrere Attribute können verwendet werden: Es ist möglich, mehrere Attribute in einem einzigen Element zu verwenden, indem sie durch ein Leerzeichen getrennt werden. Dies ermöglicht eine umfassendere Anpassung und Kontrolle über das Verhalten des Elements.

Beispielanwendung

Im Folgenden wird ein Beispiel für ein HTML-Element mit einem Attribut betrachtet, um zu verstehen, wie Attribute das Verhalten von Elementen beeinflussen:

Dieses Element zeigt ein Bild eines Waldes. Das Attribut alt="Forest" liefert einen Alternativtext, sodass bei Nichtladen des Bildes stattdessen "Forest" angezeigt wird. Das Attribut src="..." gibt den Speicherort des Bildes an.

Hinweis

Die spezifischen Attribute jedes Elements werden später betrachtet. Derzeit liegt der Fokus darauf, das Konzept von Attributen, deren Anwendung und die Tatsache zu verstehen, dass jedes Element über einen eigenen Satz von Attributen verfügt. Diese Attribute spielen eine wesentliche Rolle bei der Veränderung des Aussehens, Zwecks und der Funktionalität des Elements.

Zusammenfassung

Ein HTML-Element besteht typischerweise aus einem Tag, Attributen und Inhalt.

• Tag definiert den Elementtyp (z. B. p, img, usw.);

• Attribut liefert zusätzliche Informationen über das Element (z. B. src, alt, usw.);

• Inhalt ist alles zwischen dem öffnenden und schließenden Tag des Elements.