Attribute
In der Lektion über grundlegende HTML-Tags haben wir gelernt, wie man den Textinhalt einer Webseite erstellt. In dieser Lektion schauen wir uns weiterführende Elemente an. Bevor wir sie verwenden können, müssen wir aber noch ein weiteres HTML-Konzept kennenlernen: Attribute.
Attribute geben einem HTML-Element zusätzliche Informationen. Wir schreiben sie in das öffnende Tag des Elements, so:
Im Bild siehst du ein Attribut mit dem Namen id und dem Wert titel. Zuerst kommt der Name, dann ein Gleichheitszeichen und dann der Wert in Anführungszeichen. Wir schreiben den Wert immer in Anführungszeichen: Wir verwenden doppelte, einfache funktionieren aber auch.
Das Attribut id hat mehrere Verwendungszwecke. Vorerst genügt es zu wissen, dass es einem Element einen Namen gibt, unter dem wir es finden können. Deshalb muss jede id eindeutig sein: Keine zwei Elemente auf derselben Seite dürfen dieselbe id haben.
Es gibt noch ein Attribut, das jede Seite haben sollte, obwohl wir es noch nicht kennengelernt haben: lang im Element html. Es sagt Browsern, Suchmaschinen und Screenreadern, in welcher Sprache die Seite geschrieben ist:
<html lang="de">In unseren Übungen steht es im versteckten Teil der Seite, zusammen mit der Dokumenttyp-Deklaration und dem Element head.
So schreibst du es:
Anweisungen
- 1
Füge dem
h1-Element mit dem InhaltHauskatzeein Attribut mit dem Namenidund dem Werttitelhinzu.